:root{color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:#070b18;color:#ffffffeb}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1120px;margin:0 auto;padding:0 20px}.bg{min-height:100vh;position:relative;overflow:hidden}.bg:before{content:"";position:absolute;inset:-200px;background:radial-gradient(600px 400px at 15% 20%,rgba(106,217,255,.22),transparent 60%),radial-gradient(500px 380px at 75% 30%,rgba(180,82,255,.18),transparent 60%),radial-gradient(600px 450px at 55% 85%,rgba(0,255,170,.1),transparent 60%);filter:blur(10px);z-index:0}.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;opacity:.07;z-index:0}.layer{position:relative;z-index:1}.card{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:18px;box-shadow:0 25px 70px #00000073}.pill{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:999px;padding:6px 10px;font-size:12px;color:#ffffffb3}.navbar{position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(255,255,255,.1);background:#070b18b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navRow{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.navLinks{display:flex;gap:14px;align-items:center;color:#ffffffbf;font-size:14px}.navLinks a{padding:8px 10px;border-radius:10px}.navLinks a:hover{background:#ffffff0f}.hero{padding:56px 0 22px}.heroGrid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:stretch}@media(max-width:940px){.heroGrid{grid-template-columns:1fr}}.h1{font-size:44px;line-height:1.05;letter-spacing:-.02em;margin:12px 0 10px}.sub{margin:0;color:#ffffffb8;line-height:1.6}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}@media(max-width:940px){.features{grid-template-columns:1fr}}.featureCard{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000002e}.featureTitle{font-weight:700;margin-bottom:6px}.featureText{color:#ffffffb3;font-size:14px;line-height:1.55}.authBox{padding:18px}.authGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.authOption{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000002e}.authLeft{display:flex;align-items:center;gap:10px}.iconBadge{width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;display:grid;place-items:center;font-weight:800}.authTitle{font-weight:800}.authDesc{font-size:13px;color:#ffffffad;margin-top:2px}.btn{border:1px solid rgba(255,255,255,.12);background:#ffffffeb;color:#070b18;border-radius:14px;padding:10px 12px;font-weight:800;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btnGhost{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe0}.footer{padding:28px 0 40px;color:#ffffff8c;font-size:12px}
