@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#0a2540;--primary-light:#16406e;--accent:#e2a855;--accent-light:#fcdca4;--bg-color:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0;--card-bg:#fff;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius:.75rem}@media (prefers-color-scheme:dark){:root{--bg-color:#0b0f19;--bg-secondary:#111827;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#1f2937;--card-bg:#1e293b;--primary:#3b82f6}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;transition:var(--transition);border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{background-color:var(--accent);color:#000}.btn-accent:hover{background-color:var(--accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section{padding:6rem 0}.section-title{text-align:center;color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.125rem}.main-grid{gap:2rem;display:grid}@media (width>=768px){.main-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.main-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border-color);transition:var(--transition);flex-direction:column;height:100%;padding:2rem;display:flex}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-5px)}