.navbar{z-index:100;align-items:center;width:100%;height:64px;display:flex;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.01em;color:var(--foreground);font-size:1.25rem;font-weight:600}.nav-links{gap:var(--space-6);display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--foreground)}
.footer{background-color:var(--background);border-top:1px solid var(--card-border);padding:var(--space-12) 0 var(--space-6);margin-top:auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-col h3{margin-bottom:var(--space-4);font-size:1.25rem}.footer-col h4{margin-bottom:var(--space-4);color:var(--foreground);font-size:1rem}.footer-col p,.footer-col a{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.875rem;display:block}.footer-col a:hover{color:var(--foreground)}.footer-bottom{border-top:1px solid var(--card-border);padding-top:var(--space-6);text-align:center;color:var(--text-secondary);font-size:.875rem}
:root{--background:#fff;--foreground:#142033;--primary:#2859d6;--primary-hover:#1945b5;--surface-alt:#f3f5f9;--accent-soft:#eaf0ff;--card-bg:#fff;--card-border:#e0e5ed;--text-secondary:#596579;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html{scroll-behavior:smooth}[data-theme=dark]{--background:#0c1320;--foreground:#f3f6fc;--card-bg:#151f30;--card-border:#2b384d;--text-secondary:#aebbd0;--primary:#3968d6;--primary-hover:#3465d4;--surface-alt:#101a2a;--accent-soft:#1e3154}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .4s,color .4s}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;font-weight:600;line-height:1.1}h1{font-size:3.5rem}h2{letter-spacing:-.03em;font-size:2.5rem}h3{letter-spacing:-.02em;font-size:1.5rem}h4{letter-spacing:-.01em;font-size:1.25rem}p{color:var(--text-secondary);font-size:1rem}.glass{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);background:#fffffff0;transition:background .4s,border-color .4s}[data-theme=dark] .glass{background:#0c1320f0}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #0071e34d}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 20px #0071e366}.btn-secondary{background-color:var(--accent-soft);color:var(--primary)}.btn-secondary:hover{background-color:#0071e326}[data-theme=dark] .btn-secondary{color:#fff;background-color:#2b384d}[data-theme=dark] .btn-secondary:hover{background-color:#ffffff26}.theme-toggle{border:1px solid var(--card-border);background:var(--card-bg);width:40px;height:40px;color:var(--foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--card-border)}.theme-toggle:active{transform:scale(.92)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 24px #00000005}.card:hover{border-color:#0071e34d;transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}[data-theme=dark] .card:hover{border-color:#fff3;box-shadow:0 12px 32px #0006}.text-center{text-align:center}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-8{margin-top:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.container{max-width:1240px;padding-inline:28px}h2{font-family:var(--font-sans);font-size:clamp(2rem,3vw,2.8rem);font-weight:600}.btn{border-radius:6px;min-height:44px;transition:background-color .2s,transform .2s}.btn-primary,.btn-primary:hover{box-shadow:none}[data-theme=dark] .btn-primary{color:#fff}.card{-webkit-backdrop-filter:none;box-shadow:none;transition:transform .2s,border-color .2s}.card:hover{border-color:#95afea;box-shadow:0 8px 24px #12203b0d}.grid{grid-template-columns:1fr;display:grid}.gap-16{gap:64px}@media (min-width:640px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:focus-visible{outline-offset:4px;outline:3px solid #5b87ef}[id]{scroll-margin-top:88px}.skip-link{z-index:200;background:var(--card-bg);padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:480px){.container{padding-inline:20px}.logo{font-size:1rem}.nav-actions{gap:8px!important}.nav-actions .btn{padding:10px 12px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .eyebrow,[data-theme=dark] .category-card>svg:first-child{color:#99b8ff}
