:root{--bg-1:#0b1020;--bg-2:#111a3a;--accent-1:#7c9dff;--accent-2:#6ee7f9;--text:#eaf1ff;--muted:#b6c1e2;--radius-2xl:18px;--glass-bg:rgba(255,255,255,.06);--glass-stroke:rgba(255,255,255,.18);--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1000px 700px at -10% -10%,#1b255133 0%,transparent 60%),radial-gradient(1000px 700px at 110% 110%,#0b2a4533 0%,transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2));background-attachment:fixed}body::before{content:"";position:fixed;inset:-200px;background:radial-gradient(60% 60% at 70% 30%,rgba(124,157,255,.15) 0%,rgba(110,231,249,0) 60%),conic-gradient(from 180deg at 50% 50%,rgba(124,157,255,.08),rgba(110,231,249,.08),rgba(124,157,255,.08));filter:blur(60px);z-index:-1;animation:drift 20s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{to{transform:translateY(-2%) translateX(2%) scale(1.02)}}.wrap{width:min(1120px,92vw);margin-inline:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:999px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px) saturate(140%) contrast(110%);backdrop-filter:blur(14px) saturate(140%) contrast(110%);border:1px solid var(--glass-stroke);box-shadow:var(--shadow);border-radius:var(--radius-2xl)}.site-header{position:sticky;top:0;z-index:50}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.3px;padding:8px 12px}.logo{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border-radius:999px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 8px 24px rgba(110,231,249,.25)}.nav a{color:var(--text);opacity:.9;text-decoration:none;margin-left:16px;padding:8px 10px;border-radius:999px;transition:180ms ease}.nav a:hover{opacity:1;background:rgba(255,255,255,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;text-decoration:none;color:var(--text);border-radius:999px;border:1px solid var(--glass-stroke);background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.4)}.btn.primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#0b1020;border-color:transparent;box-shadow:0 8px 26px rgba(110,231,249,.35),inset 0 0 0 1px rgba(255,255,255,.5)}.btn.ghost{background:rgba(255,255,255,.04)}.hero{padding:72px 0 24px}.hero-card{padding:clamp(24px,4vw,40px);text-align:center}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:6px 0 12px}.hero p{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);margin:0 0 18px}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.badges{margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pill{padding:8px 14px;background:rgba(255,255,255,.06);border:1px solid var(--glass-stroke);color:var(--text);border-radius:999px;font-size:.9rem}.features{padding:56px 0}.features h2,.how h2,.contact h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;text-align:center;margin:0 0 26px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:22px;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.45)}.card h3{margin:10px 0 8px;font-size:1.25rem}.card p{color:var(--muted);margin:0}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),0 8px 24px rgba(124,157,255,.25)}.how{padding:40px 0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:step}.steps li{padding:20px;position:relative}.steps .step{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;font-weight:700;color:#0b1020;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 8px 20px rgba(110,231,249,.25),inset 0 0 0 1px rgba(255,255,255,.6);margin-bottom:10px}.steps h3{margin:0 0 6px;font-size:1.1rem}.steps p{margin:0;color:var(--muted)}.contact{padding:56px 0 72px}.contact-card{padding:clamp(20px,4vw,28px);text-align:center}.site-footer{padding:28px 0 40px;color:var(--muted);text-align:center;font-size:.95rem}@media (max-width:960px){.grid,.steps{grid-template-columns:1fr}.nav a{margin-left:8px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body::before{animation:none!important}}
