AAA Air Travels | Toronto Travel Agency

:root {
–primary: #1e3a8a;
–accent: #2563eb;
–bg: #f8fafc;
–card: #ffffff;
–text: #0f172a;
–muted: #475569;
}

* {
box-sizing: border-box;
}

body {
margin: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
background: var(–bg);
color: var(–text);
line-height: 1.6;
}

header {
background: linear-gradient(135deg, var(–primary), var(–accent));
color: white;
padding: 80px 20px;
text-align: center;
}

header h1 {
font-size: clamp(2.2rem, 5vw, 3rem);
margin-bottom: 10px;
}

header p {
font-size: 1.1rem;
opacity: 0.95;
}

.container {
max-width: 1100px;
margin: auto;
padding: 60px 20px;
}

.section {
margin-bottom: 60px;
}

.section h2 {
font-size: 1.8rem;
margin-bottom: 15px;
}

.section p {
color: var(–muted);
max-width: 800px;
}

.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 30px;
}

.card {
background: var(–card);
padding: 25px;
border-radius: 14px;
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.card h3 {
margin-top: 0;
margin-bottom: 10px;
}

.form-box {
background: var(–card);
padding: 35px;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0,0,0,0.06);
max-width: 700px;
}

form {
display: grid;
gap: 15px;
}

input, select, textarea {
padding: 12px 14px;
border-radius: 10px;
border: 1px solid #cbd5f5;
font-size: 1rem;
}

input:focus, select:focus, textarea:focus {
outline: none;
border-color: var(–accent);
}

button {
background: var(–accent);
color: white;
border: none;
padding: 14px;
border-radius: 12px;
font-size: 1rem;
cursor: pointer;
}

button:hover {
background: #1d4ed8;
}

footer {
background: #020617;
color: #cbd5f5;
text-align: center;
padding: 30px 20px;
font-size: 0.9rem;
}