:root{--bg: #0b0b10;--fg: #e8e8f0;--muted: #a7a7b4;--accent1: #7c3aed;--accent2: #06b6d4;--accent3: #22c55e;--glass: rgba(255,255,255,.06);--glass-strong: rgba(255,255,255,.12);--grid: rgba(255,255,255,.05)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 10% 10%,rgba(124,58,237,.15),transparent 60%),radial-gradient(1000px 700px at 90% 30%,rgba(6,182,212,.14),transparent 60%),radial-gradient(900px 600px at 60% 90%,rgba(34,197,94,.1),transparent 60%),var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}.grid{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 0%,rgba(0,0,0,.1) 50%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,black 0%,rgba(0,0,0,.1) 50%,transparent 70%)}.blob{position:absolute;filter:blur(40px);opacity:.55;mix-blend-mode:screen}.b1{width:520px;height:520px;background:radial-gradient(circle,#7c3aed 0%,transparent 60%);top:-120px;left:-120px;animation:float1 14s ease-in-out infinite}.b2{width:420px;height:420px;background:radial-gradient(circle,#06b6d4 0%,transparent 60%);bottom:-100px;right:-80px;animation:float2 16s ease-in-out infinite}.b3{width:380px;height:380px;background:radial-gradient(circle,#22c55e 0%,transparent 60%);top:40%;right:10%;animation:float3 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(10px,-25px)}}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160">  <filter id="n">    <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/>    <feColorMatrix type="saturate" values="0"/>  </filter>  <rect width="100%" height="100%" filter="url(%23n)" opacity="0.4"/></svg>')}.wrap{position:relative;min-height:100%;display:grid;place-items:center;padding:48px 20px}.card{width:min(960px,92vw);background:linear-gradient(180deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:40px;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}.logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent2));box-shadow:0 6px 18px #7c3aed59}.logo svg{width:24px;height:24px}h1{font-size:clamp(28px,6vw,56px);line-height:1.05;margin:0 0 10px;letter-spacing:-.02em}.subtitle{font-size:clamp(15px,2.4vw,18px);color:var(--muted);margin-bottom:28px}.badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}.badge{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:var(--glass);font-size:13px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{appearance:none;border:none;cursor:pointer;text-decoration:none;color:#fff;font-weight:600;letter-spacing:.2px;padding:12px 16px;border-radius:14px;transition:transform .08s ease,box-shadow .25s ease,background .25s ease}.btn-primary{background:linear-gradient(135deg,var(--accent1),var(--accent2));box-shadow:0 10px 24px #7c3aed59}.btn-primary:hover{transform:translateY(-1px)}.btn-outline{color:#fc0}.btn-outline:hover{background:#fc0;color:#000}.btn-ghost{background:var(--glass);border:1px solid rgba(255,255,255,.14)}.btn-ghost:hover{background:var(--glass-strong)}form{display:flex;flex-wrap:nowrap;gap:10px;align-items:center}.input{flex:1;min-width:180px;padding:12px 14px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--fg);outline:none}.input::placeholder{color:#c7c7d6;opacity:.7}.icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}.icard{background:var(--glass);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;display:grid;place-items:center;transition:transform .2s ease,background .3s ease}.icard:hover{transform:translateY(-3px);background:var(--glass-strong)}.icard svg{width:28px;height:28px}footer{margin-top:28px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.social{display:flex;gap:10px}.social a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--glass);border:1px solid rgba(255,255,255,.12);color:var(--fg);text-decoration:none}.social a:hover{background:var(--glass-strong)}@media (max-width: 640px){.card{padding:26px}.icons{grid-template-columns:repeat(3,1fr)}form{width:100%}.cta-row{flex-direction:column;align-items:stretch}.btn{width:100%;text-align:center}}