@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--navy:#0a0e1a;--navy-light:#111827;--navy-mid:#1a2235;--surface:#1e2a3a;--surface-hover:#253348;--cyan:#06d6a0;--cyan-glow:#06d6a040;--cyan-dim:#06d6a015;--blue:#3b82f6;--purple:#8b5cf6;--pink:#ec4899;--amber:#f59e0b;--red:#ef4444;--white:#f1f5f9;--gray:#94a3b8;--gray-dim:#64748b;--border:#1e293b;--border-light:#334155;--font:'Outfit',sans-serif;--mono:'JetBrains Mono',monospace;--radius:12px;--radius-lg:16px;--radius-xl:24px;--shadow:0 4px 24px rgba(0,0,0,0.3);--shadow-glow:0 0 40px var(--cyan-glow)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--navy);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-decoration:none;transition:all .2s}a:hover{color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.w-full{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.relative{position:relative}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}h3{font-size:1.25rem;font-weight:600;line-height:1.3}h4{font-size:1rem;font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-gray{color:var(--gray)}.text-cyan{color:var(--cyan)}.text-white{color:var(--white)}.font-mono{font-family:var(--mono)}.font-bold{font-weight:700}.gradient-text{background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius);font-family:var(--font);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .25s;text-decoration:none}.btn-primary{background:var(--cyan);color:var(--navy);box-shadow:0 0 20px var(--cyan-glow)}.btn-primary:hover{background:#04c490;color:var(--navy);box-shadow:0 0 30px var(--cyan-glow),0 0 60px var(--cyan-glow);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--white);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:1.05rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:rgba(10,14,26,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;color:#fff}.nav-logo .logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:800}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{color:var(--gray);font-weight:500;font-size:.95rem}.nav-links a:hover{color:var(--white)}.nav-links a.active{color:var(--cyan)}.nav-cta{display:flex;gap:12px}.hero{min-height:100vh;padding:140px 0 80px;display:flex;align-items:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,var(--cyan-glow),transparent 70%);pointer-events:none}.hero::after{content:'';position:absolute;bottom:-100px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.08),transparent 70%);pointer-events:none}.hero-content{max-width:700px;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:var(--cyan-dim);border:1px solid rgba(6,214,160,.2);font-size:.8rem;font-weight:500;color:var(--cyan);margin-bottom:24px}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.hero h1{margin-bottom:20px}.hero p{font-size:1.15rem;color:var(--gray);max-width:540px;margin-bottom:32px;line-height:1.7}.hero-stats{display:flex;gap:40px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.hero-stat .num{font-size:2rem;font-weight:800;color:var(--cyan)}.hero-stat .label{font-size:.8rem;color:var(--gray-dim);margin-top:2px}.section{padding:100px 0}.section-dark{background:var(--navy-light)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header .eyebrow{font-size:.8rem;font-weight:600;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.section-header p{color:var(--gray);margin-top:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .3s}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow)}.card-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px}.card-icon.cyan{background:var(--cyan-dim);color:var(--cyan)}.card-icon.blue{background:rgba(59,130,246,.1);color:var(--blue)}.card-icon.purple{background:rgba(139,92,246,.1);color:var(--purple)}.card-icon.pink{background:rgba(236,72,153,.1);color:var(--pink)}.card-icon.amber{background:rgba(245,158,11,.1);color:var(--amber)}.card h3{margin-bottom:10px}.card p{color:var(--gray);font-size:.9rem}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 32px;position:relative;overflow:hidden;transition:all .3s}.pricing-card.featured{border-color:var(--cyan);box-shadow:var(--shadow-glow)}.pricing-card.featured::before{content:'Most popular';position:absolute;top:16px;right:-30px;background:var(--cyan);color:var(--navy);font-size:.7rem;font-weight:700;padding:4px 40px;transform:rotate(45deg)}.pricing-tier{font-size:.85rem;font-weight:600;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.pricing-price{font-size:3rem;font-weight:800;margin:12px 0 4px}.pricing-price span{font-size:1rem;font-weight:400;color:var(--gray)}.pricing-desc{color:var(--gray);font-size:.9rem;margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{padding:8px 0;font-size:.9rem;color:var(--gray);display:flex;align-items:center;gap:10px}.pricing-features li::before{content:'✓';color:var(--cyan);font-weight:700}.providers{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:40px 0}.provider-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);font-size:.85rem;font-weight:500;color:var(--gray)}.provider-badge:hover{border-color:var(--cyan);color:var(--white)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-radius:var(--radius-lg);overflow:hidden;margin:60px 0}.stats-bar .stat{background:var(--surface);padding:32px;text-align:center}.stats-bar .stat .value{font-size:2.2rem;font-weight:800}.stats-bar .stat .desc{font-size:.8rem;color:var(--gray);margin-top:4px}.webinar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;gap:20px;align-items:start}.webinar-date{min-width:60px;text-align:center;background:var(--cyan-dim);border-radius:var(--radius);padding:12px 8px}.webinar-date .day{font-size:1.5rem;font-weight:800;color:var(--cyan)}.webinar-date .month{font-size:.7rem;color:var(--cyan);text-transform:uppercase}.webinar-badge{font-size:.7rem;background:var(--cyan-dim);color:var(--cyan);padding:2px 10px;border-radius:100px;display:inline-block;margin-bottom:8px}.footer{padding:60px 0 30px;border-top:1px solid var(--border);background:var(--navy)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand p{color:var(--gray-dim);font-size:.85rem;margin-top:12px;max-width:280px}.footer-col h4{font-size:.8rem;color:var(--gray-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.footer-col a{display:block;color:var(--gray);font-size:.9rem;padding:4px 0}.footer-col a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);font-size:.8rem;color:var(--gray-dim)}.dash-layout{display:flex;min-height:100vh;padding-top:65px}.dash-sidebar{width:240px;background:var(--navy-light);border-right:1px solid var(--border);padding:24px 16px;position:fixed;top:65px;bottom:0;overflow-y:auto}.dash-main{flex:1;margin-left:240px;padding:32px}.dash-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);color:var(--gray);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:2px}.dash-nav-item:hover{background:var(--surface);color:var(--white)}.dash-nav-item.active{background:var(--cyan-dim);color:var(--cyan)}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.metric-card .metric-value{font-size:1.8rem;font-weight:800;margin:8px 0 4px}.metric-card .metric-label{font-size:.8rem;color:var(--gray-dim)}.metric-card .metric-trend{font-size:.75rem;font-weight:600}.metric-card .metric-trend.up{color:var(--cyan)}.metric-card .metric-trend.down{color:var(--red)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;color:var(--gray)}.form-input{width:100%;padding:12px 16px;background:var(--navy-light);border:1px solid var(--border);border-radius:var(--radius);color:var(--white);font-family:var(--font);font-size:.95rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.form-input::placeholder{color:var(--gray-dim)}select.form-input{cursor:pointer}textarea.form-input{min-height:120px;resize:vertical}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.anim-up{animation:fadeUp .6s ease-out forwards;opacity:0}.anim-up-d1{animation-delay:.1s}.anim-up-d2{animation-delay:.2s}.anim-up-d3{animation-delay:.3s}.anim-up-d4{animation-delay:.4s}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px}.auth-box{width:100%;max-width:420px}.auth-box .logo-top{text-align:center;margin-bottom:32px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px}.auth-card h2{font-size:1.5rem;margin-bottom:8px}.auth-card .subtitle{color:var(--gray);font-size:.9rem;margin-bottom:28px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--gray-dim);font-size:.8rem}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border)}@media(max-width:768px){.hero{padding:120px 0 60px}.hero-stats{flex-wrap:wrap;gap:20px}.stats-bar{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.dash-sidebar{display:none}.dash-main{margin-left:0}.nav-links{display:none}}