@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#6366f1;--primary-bg:#eceffc;--brand-navy:#1e293b;--brand-slate:#475569;--brand-cyan:#0891b2;--white:#f8fafc;--gray-50:#f1f5f9;--gray-100:#e2e8f0;--gray-200:#cbd5e1;--gray-300:#94a3b8;--gray-400:#64748b;--gray-500:#475569;--gray-600:#334155;--gray-700:#1e293b;--gray-800:#0f172a;--gray-900:#020617;--success:#059669;--warning:#d97706;--error:#dc2626;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 1px 3px #1e293b0d;--shadow:0 4px 24px -2px #1e293b14, 0 2px 8px -2px #1e293b0a;--shadow-lg:0 20px 50px -12px #1e293b1a;--shadow-primary:0 10px 30px -10px #4f46e540}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--white);color:var(--brand-navy);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.h1{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1}.h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--brand-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{border-radius:var(--radius-full);font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--brand-navy);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow);background:var(--brand-slate);transform:translateY(-2px)}.btn-accent{background:var(--primary);color:var(--white);box-shadow:var(--shadow-primary)}.btn-accent:hover{box-shadow:var(--shadow-lg);background:var(--primary-dark);transform:translateY(-2px)}.btn-outline{border:2px solid var(--gray-200);color:var(--gray-700);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fffc;border:1px solid #ffffff4d}.search-wrapper{width:100%;max-width:800px;margin:0 auto;position:relative}.search-bar{background:var(--white);border:2px solid var(--gray-100);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:8px 8px 8px 24px;transition:all .3s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #6366f126, var(--shadow-lg);transform:translateY(-2px)}.search-input{font-size:1.125rem;font-family:var(--font-sans);color:var(--brand-navy);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--gray-400)}.search-button{background:var(--primary);width:52px;height:52px;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.search-button:hover{background:var(--primary-dark);transform:scale(1.05)}.quick-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.quick-link-btn{border-radius:var(--radius-full);background:var(--gray-100);color:var(--brand-slate);border:1px solid #0000;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.quick-link-btn:hover{background:var(--white);border-color:var(--gray-200);box-shadow:var(--shadow-sm);color:var(--primary);transform:translateY(-1px)}.category-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-top:48px;display:grid}.category-card{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--gray-200);flex-direction:column;gap:16px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.category-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 20px 40px -20px #6366f133}.category-icon{border-radius:var(--radius);background:var(--primary-bg);width:56px;height:56px;color:var(--primary);justify-content:center;align-items:center;display:flex}footer{background:var(--gray-900);color:var(--gray-400);margin-top:80px;padding:80px 0 40px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:60px;display:grid}.footer-brand h2{color:var(--white);font-family:var(--font-display);margin-bottom:16px}.footer-links h4{color:var(--white);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-size:.875rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);text-align:center;padding-top:40px;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeIn}@media (max-width:768px){.h1{font-size:2.5rem}.section{padding:60px 0}.category-grid{grid-template-columns:1fr}}