:root{--bg: #111111;--card: #1d1d1d;--card-2: #262626;--border: rgba(255, 255, 255, .08);--text: #ffffff;--muted: rgba(255, 255, 255, .55);--green: #95c122;--green-ink: #111111;--red: #dd3734;--radius: 14px;--maxw: 440px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}.wrap{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px}.card{width:100%;max-width:var(--maxw);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.brand{display:flex;align-items:center;margin-bottom:10px}.brand-logo{height:30px;width:auto;display:block}h1{font-size:22px;margin:4px 0 2px}.sub{color:var(--muted);font-size:13.5px;margin:0 0 20px}label{display:block;font-size:12.5px;color:var(--muted);margin:12px 0 6px}input,select{width:100%;padding:12px 14px;font-size:15px;background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none}input:focus,select:focus{border-color:var(--green)}.row{display:flex;gap:10px}.row>*{flex:1}.phone{display:flex;gap:10px}.phone .code{flex:0 0 92px}button{width:100%;margin-top:20px;padding:13px 16px;font-size:15px;font-weight:700;cursor:pointer;background:var(--green);color:var(--green-ink);border:none;border-radius:999px}button:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--green);border:1px solid var(--green)}button.link{background:none;color:var(--green);width:auto;margin:0;padding:0;font-weight:600}.msg{margin-top:14px;font-size:13.5px;padding:10px 12px;border-radius:10px}.msg.err{background:#dd37341f;color:#ff6b68}.msg.ok{background:#95c1221f;color:var(--green)}.foot{margin-top:18px;text-align:center;color:var(--muted);font-size:13px}.foot a{color:var(--green);text-decoration:none}.check{display:flex;align-items:flex-start;gap:10px;margin-top:16px;color:var(--muted);font-size:13px;line-height:1.45;cursor:pointer}.check input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;padding:0;accent-color:var(--green);cursor:pointer}.check a{color:var(--green);text-decoration:none}.check a:hover{text-decoration:underline}.otp{letter-spacing:8px;text-align:center;font-size:22px}.kv{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.kv .k{color:var(--muted);font-size:13px}.kv .v{font-weight:600;font-size:14px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.pro{background:var(--green);color:var(--green-ink)}.badge.free{background:var(--card-2);color:var(--muted)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}