@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Calistoga&display=swap";html{scroll-behavior:smooth}:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--secondary: #a855f7;--accent: #f472b6;--accent-sharp: #2ef2ff;--background: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--card-min-width: 450px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--background);color:var(--text);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(168,85,247,.15) 0%,transparent 50%);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.05;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3ExternalLink %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")}#root{min-height:100vh;display:flex;flex-direction:column}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:2rem;transition:var(--transition)}.card:hover{transform:translateY(-8px) scale(1.01);border-color:var(--accent-sharp);box-shadow:0 20px 40px -20px var(--primary-glow),0 0 15px -5px var(--accent-sharp)}.glow-soft{filter:drop-shadow(0 0 8px var(--accent-sharp))}h1,h2,h3,h4{font-family:Calistoga,serif;font-weight:400;letter-spacing:-.01em;line-height:1.2}h1{font-size:clamp(2.5rem,8vw,4rem)}h2{font-size:clamp(1.75rem,5vw,2.5rem)}h3{font-size:clamp(1.25rem,4vw,1.75rem)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #6366f14d}.btn:active{transform:scale(.95)}.btn-micro{position:relative;overflow:hidden}.btn-micro:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:.5s;pointer-events:none}.btn-micro:hover:after{left:120%}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--glass);border-color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{opacity:0;animation:reveal .8s cubic-bezier(.2,.8,.2,1) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.mobile-only{display:none}.desktop-only{display:flex}.section{padding:4rem 0}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none}.container{padding:0 1.25rem}.section{padding:3rem 0}.hero-section{padding:4rem 1.25rem!important}.card{padding:1.25rem;border-radius:20px}.btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.grid-mobile-1{grid-template-columns:1fr!important;gap:1.5rem!important}.hero-title{margin-bottom:1rem!important}}@media(max-width:480px){body{font-size:15px}.container{padding:0 1rem}.hero-section{padding:3rem 1rem!important}}.ads-space{width:100%;height:90px;background:var(--glass);border:1px dashed var(--text-muted);display:flex;align-items:center;justify-content:center;margin:2rem 0;border-radius:8px;color:var(--text-muted);font-size:.875rem}