:root{--bg:#05070c;--panel:rgba(11,16,32,.7);--line:hsla(0,0%,100%,.1);--text:hsla(0,0%,100%,.92);--muted:hsla(0,0%,100%,.7);--blue:#1aa3ff;--blue2:#4fc3ff;--radius:22px;--shadow:0 14px 40px rgba(0,0,0,.48);--sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans"}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 50% -20%,rgba(26,163,255,.22),transparent 60%),radial-gradient(900px 500px at 10% 10%,rgba(79,195,255,.14),transparent 60%),radial-gradient(800px 500px at 90% 0,rgba(26,163,255,.1),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}b{color:hsla(0,0%,100%,.95)}.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.muted{color:var(--muted)}.home{max-width:1100px;margin:0 auto;padding:18px;flex-direction:column;gap:16px}.hero,.home{display:flex}.hero{position:relative;overflow:hidden;padding:26px;min-height:62vh;align-items:center;justify-content:center}.pattern{position:absolute;inset:0;opacity:.06;background-image:radial-gradient(circle at 10px 10px,hsla(0,0%,100%,.35) 1px,transparent 1.5px),radial-gradient(circle at 22px 22px,rgba(79,195,255,.2) 1px,transparent 1.5px);background-size:32px 32px;pointer-events:none}.heroInner{position:relative;text-align:center;max-width:720px;padding:8px 10px}.logoWrap{position:relative;margin:0 auto 14px}.logoCircle,.logoWrap{width:96px;height:96px}.logoCircle{border-radius:999px;border:1px solid rgba(79,195,255,.35);background:rgba(26,163,255,.1);display:flex;align-items:center;justify-content:center}.logoMark{font-size:38px;filter:drop-shadow(0 10px 20px rgba(79,195,255,.35))}.glow{position:absolute;inset:-20px;border-radius:999px;background:radial-gradient(circle,rgba(79,195,255,.35),transparent 60%);filter:blur(12px);z-index:-1}.title{margin:8px 0 0;font-size:clamp(2.1rem,5vw,3rem);letter-spacing:.2px}.subtitle{margin:6px 0 0;font-weight:700;color:hsla(0,0%,100%,.75)}.tagline{margin:14px auto 0;font-size:1.05rem;color:hsla(0,0%,100%,.85)}.ctaRow{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btnGhost,.btnPrimary,.langBtn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 16px;font-weight:800;border:1px solid rgba(79,195,255,.28);cursor:pointer}.btnPrimary{background:linear-gradient(135deg,rgba(26,163,255,.92),rgba(79,195,255,.78));color:#07111f}.btnGhost{background:rgba(5,7,12,.25);color:hsla(0,0%,100%,.92);border:1px solid var(--line)}.langRow{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:hsla(0,0%,100%,.8)}.langBtn{background:rgba(5,7,12,.18);color:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.1);padding:8px 12px;gap:8px}.langDot{opacity:.6}.note{margin-top:14px;font-size:.92rem;color:hsla(0,0%,100%,.7);border-top:1px solid hsla(0,0%,100%,.08);padding-top:12px}.noteTitle{color:hsla(0,0%,100%,.9);font-weight:800}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.feature{padding:16px}.featureIcon{font-size:22px}.feature h3{margin:10px 0 6px}.feature p{margin:0;color:hsla(0,0%,100%,.75);line-height:1.45}.unlock{padding:18px}.unlockTop h2{margin:0 0 6px}.unlockTop p{margin:0}.progressWrap{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.progressBar{flex:1 1;min-width:220px;height:12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:rgba(5,7,12,.25);overflow:hidden}.progressFill{height:100%;background:linear-gradient(90deg,rgba(26,163,255,.85),rgba(79,195,255,.7))}.progressText{display:flex;gap:8px;font-weight:800}.unlockActions{margin-top:14px}.footer,.unlockActions{display:flex;gap:12px;flex-wrap:wrap}.footer{padding:14px 4px 24px;justify-content:space-between;align-items:center;border-top:1px solid hsla(0,0%,100%,.08)}.footerLinks{display:flex;gap:14px}.footerLinks a{opacity:.85}.footerLinks a:hover{opacity:1}@media (max-width:900px){.grid3{grid-template-columns:1fr}.hero{min-height:auto}}