:root{--mint:#7ee08f;--muted:#8a8a8a}
*{box-sizing:border-box}
html,body{margin:0;background:#000;color:#f4f4f4;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
html{overflow-x:hidden}
body{min-height:100vh;position:relative;overflow:hidden}
body:before{content:"";position:absolute;inset:-20% -40% auto -40%;height:520px;background:radial-gradient(closest-side,rgba(110,190,130,.5),rgba(40,90,55,.2) 45%,transparent 70%);filter:blur(10px);transform:rotate(-18deg);pointer-events:none}
.pattern{position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 100 100'><path fill='white' d='M28 16 H72 a6 6 0 0 1 6 6 V86 L50 70 L22 86 V22 a6 6 0 0 1 6 -6 Z'/></svg>");background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 30% 20%,#000,transparent 70%)}
.col{position:relative;max-width:420px;margin:0 auto;padding:22px}
.stack{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:70px}
.logo-tile{width:150px;height:150px;border-radius:42px;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 20px 60px rgba(126,224,143,.25)}
.logo-tile:before{content:"";position:absolute;inset:-40%;background:radial-gradient(closest-side,rgba(126,224,143,.55),transparent 70%)}
.logo-tile svg{position:relative;width:64%;height:64%;color:#f4f4f4;--cut:#000}
.wordm{font-size:34px;font-weight:600;letter-spacing:-.8px;color:#f4f4f4}.wordm span{font-weight:300}
.tagline{text-align:center;color:var(--muted);font-size:14px;margin-top:6px}
.tag{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:var(--mint);margin-top:30px}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.hsub{color:#9a9a9a;font-size:13px;text-align:center;margin-top:8px;line-height:1.5}
.field{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:18px;padding:12px 14px;margin-top:24px;display:flex;align-items:center;gap:10px;font-size:15px}
.field:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px rgba(126,224,143,.15)}
.field svg{width:20px;height:20px;flex:none;stroke:#bbb;fill:none;stroke-width:1.75}
.field label{flex:1;display:block}.field .k{color:var(--muted);font-size:12px;display:block}
.field input{width:100%;background:none;border:0;outline:0;color:#fff;font:inherit;padding:0}
.field input::placeholder{color:#666}
.cf-turnstile{margin-top:14px;display:flex;justify-content:center;min-height:65px}
.cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;cursor:pointer;font-family:inherit;background:var(--mint);color:#04140a;border-radius:999px;padding:14px;font-weight:500;font-size:15px;margin-top:16px;box-shadow:0 10px 30px rgba(126,224,143,.35)}
.cta:disabled{opacity:.6;cursor:default}
.msg{margin-top:14px;font-size:13px;text-align:center;line-height:1.5;border-radius:14px;padding:10px 14px}
.msg:empty{display:none}
.msg.ok{background:rgba(126,224,143,.12);color:var(--mint)}.msg.err{background:rgba(255,120,120,.12);color:#ff9a9a}
.fine{font-size:11px;color:#777;text-align:center;margin-top:10px}.fine a{color:#999}
/* legal */
.legal .col{max-width:720px;padding-top:28px;padding-bottom:60px}
.legal .back{color:var(--mint);font-size:13px;text-decoration:none}
.draft{margin:18px 0;padding:10px 14px;border-radius:14px;background:rgba(255,200,80,.12);border:1px solid rgba(255,200,80,.35);color:#ffd27a;font-size:13px;font-weight:500}
.legal h1{font-size:28px;font-weight:600;letter-spacing:-.5px;margin:8px 0}
.legal h2{font-size:17px;font-weight:600;margin:28px 0 6px}
.legal p,.legal li{font-size:14px;line-height:1.65;color:#cfcfcf}
.legal ul{padding-left:20px}.legal a{color:var(--mint)}
.legal .upd{color:var(--muted);font-size:12px}
