*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f4f8;color:#1a202c;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}input,select,textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-top:4px}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #00000014;margin-bottom:16px}.error-msg{color:#ef4444;font-size:13px;margin-top:6px}.success-msg{color:#22c55e;font-size:13px;margin-top:6px}nav{background:#1e293b;color:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}nav .logo{font-size:20px;font-weight:700}.container{max-width:900px;margin:0 auto;padding:24px 16px}h1{font-size:22px;margin-bottom:16px}h2{font-size:18px;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1d4ed8}.hero-root{position:relative;min-height:100vh;color:#e6edf7;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#050816}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(56,189,248,.25),transparent 55%),radial-gradient(circle at 80% 10%,rgba(168,85,247,.22),transparent 50%),radial-gradient(circle at 60% 80%,rgba(251,146,60,.18),transparent 55%),linear-gradient(180deg,#050816,#0b1230 60%,#050816);z-index:0}.hero-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 25%,#fff,transparent 50%),radial-gradient(1px 1px at 70% 40%,#cbd5f5,transparent 50%),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent 50%),radial-gradient(1px 1px at 85% 80%,#93c5fd,transparent 50%),radial-gradient(1.5px 1.5px at 10% 60%,#fff,transparent 50%),radial-gradient(1px 1px at 50% 15%,#cbd5f5,transparent 50%);opacity:.6;animation:hero-twinkle 6s ease-in-out infinite alternate;z-index:0}@keyframes hero-twinkle{0%{opacity:.35}to{opacity:.75}}.hero-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:.5px;color:#fff}.hero-logo-mark{font-size:26px;filter:drop-shadow(0 0 8px rgba(56,189,248,.7))}.hero-nav-links{display:flex;align-items:center;gap:22px}.hero-nav-links a{color:#cbd5f5;font-size:15px;font-weight:500;transition:color .2s}.hero-nav-links a:hover{color:#fff}.hero-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600;transition:all .2s ease;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap}.hero-btn-primary{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 8px 24px #38bdf859}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #38bdf880}.hero-btn-ghost{color:#e6edf7;background:transparent;border-color:#ffffff26}.hero-btn-ghost:hover{background:#ffffff14}.hero-btn-outline{color:#e6edf7;background:transparent;border-color:#38bdf880}.hero-btn-outline:hover{background:#38bdf81a;border-color:#38bdf8}.hero-btn-lg{padding:14px 30px;font-size:16px}.hero-section{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:60px 48px 100px;max-width:1400px;margin:0 auto}.hero-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#93c5fd;font-size:13px;font-weight:600;margin-bottom:20px}.hero-title{font-size:clamp(34px,5vw,60px);font-weight:800;line-height:1.1;letter-spacing:-.5px;color:#fff;margin-bottom:22px}.hero-gradient{background:linear-gradient(135deg,#38bdf8,#a855f7,#fb923c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:18px;line-height:1.6;color:#b6c2dc;max-width:540px;margin-bottom:32px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.hero-stats{display:flex;gap:40px}.hero-stats>div{display:flex;flex-direction:column}.hero-stats strong{font-size:26px;font-weight:800;color:#fff}.hero-stats span{font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.hero-image-wrap{position:relative;display:flex;align-items:center;justify-content:center}.hero-image-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 65%);filter:blur(40px);z-index:0;animation:hero-pulse 4s ease-in-out infinite alternate}@keyframes hero-pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.hero-image{position:relative;z-index:1;width:100%;max-width:640px;border-radius:20px;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff14;animation:hero-float 6s ease-in-out infinite alternate}@keyframes hero-float{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.hero-features{position:relative;z-index:2;padding:80px 48px;max-width:1200px;margin:0 auto}.hero-section-title{font-size:clamp(26px,3.5vw,38px);font-weight:800;text-align:center;color:#fff;margin-bottom:48px}.hero-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.hero-feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease}.hero-feature-card:hover{transform:translateY(-4px);border-color:#38bdf866;background:#38bdf80f}.hero-feature-icon{font-size:32px;margin-bottom:14px}.hero-feature-card h3{font-size:18px;color:#fff;margin-bottom:8px;font-weight:700}.hero-feature-card p{color:#b6c2dc;font-size:14px;line-height:1.55}.hero-how{position:relative;z-index:2;padding:60px 48px 80px;max-width:1200px;margin:0 auto}.hero-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.hero-step{text-align:center;padding:30px 20px;border-radius:16px;background:linear-gradient(180deg,#6366f114,#6366f100);border:1px solid rgba(99,102,241,.15)}.hero-step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;font-weight:800;font-size:20px;margin-bottom:16px;box-shadow:0 8px 20px #38bdf84d}.hero-step h3{color:#fff;font-size:18px;margin-bottom:6px}.hero-step p{color:#b6c2dc;font-size:14px;line-height:1.55}.hero-cta-band{position:relative;z-index:2;text-align:center;padding:70px 24px;margin:40px auto;max-width:1100px;border-radius:24px;background:linear-gradient(135deg,#38bdf81f,#a855f71f);border:1px solid rgba(56,189,248,.25)}.hero-cta-band h2{font-size:clamp(24px,3vw,34px);color:#fff;margin-bottom:10px}.hero-cta-band p{color:#b6c2dc;font-size:16px;margin-bottom:24px}.hero-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:30px 48px;color:#6b7896;font-size:13px;border-top:1px solid rgba(255,255,255,.06)}@media (max-width: 900px){.hero-section{grid-template-columns:1fr;padding:40px 24px 60px;text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.hero-nav{padding:16px 20px}.hero-nav-links{gap:12px}.hero-nav-links a:not(.hero-btn){display:none}.hero-features,.hero-how{padding:60px 24px}.hero-footer{padding:24px 20px}}