@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#64748b;--accent:#f59e0b;--background:#f8fafc;--surface:#fff;--text-main:#020617;--text-muted:#334155;--glass-bg:#ffffffd9;--glass-border:#ffffff4d;--grad-main:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--grad-dark:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--grad-surface:linear-gradient(135deg, #ffffff1a 0%, #ffffff0d 100%);--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;--shadow-premium:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}body:before{content:"";background-image:var(--noise);opacity:.03;pointer-events:none;z-index:9999;position:fixed;inset:0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Outfit,sans-serif;font-weight:700}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.glass-dark{-webkit-backdrop-filter:blur(16px);color:#fff;text-shadow:0 1px 2px #0003;background:#0f172ad9;border:1px solid #ffffff26}.text-shadow-premium{text-shadow:0 2px 10px #0000004d}.text-shadow-soft{text-shadow:0 1px 3px #0000001a}.premium-card{background:var(--surface);box-shadow:var(--shadow-md);border:1px solid #0000;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{box-shadow:var(--shadow-premium);border-color:#2563eb1a;transform:translateY(-8px)}.btn-premium{background:var(--grad-main);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #2563eb63}.btn-premium:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 6px 20px #2563eb3b}.btn-outline-premium{color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline-premium:hover{background:#2563eb14;transform:translateY(-2px)}input::placeholder{color:#94a3b8;opacity:1}input:focus::placeholder{opacity:.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.reveal-left.active{opacity:1;transform:translate(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}
