:root{--bg: #0b0e14;--panel: #12161f;--panel-2: #171c27;--border: #232838;--text: #eef1f7;--muted: #8a92a6;--accent: #ff7a45;--accent-2: #4f8cff;--green: #35c46f;--red: #ef5464;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;box-shadow:0 20px 60px #0006}.logo{font-size:13px;font-weight:800;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}h1{font-size:22px;margin:0 0 6px}.subtitle{color:var(--muted);font-size:14px;margin:0 0 26px;line-height:1.5}label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}input{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 14px;font-size:15px}input:focus{outline:none;border-color:var(--accent-2)}.slug-row{display:flex;align-items:center;gap:0}.slug-input{border-radius:10px 0 0 10px}.slug-suffix{background:var(--panel-2);border:1px solid var(--border);border-left:none;border-radius:0 10px 10px 0;padding:12px;color:var(--muted);font-size:13px;white-space:nowrap}.slug-status{font-size:12px;margin-top:6px;min-height:16px}.slug-status.ok{color:var(--green)}.slug-status.taken{color:var(--red)}.slug-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.slug-chip{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer;color:var(--text)}.slug-chip:hover{border-color:var(--accent-2)}button{width:100%;margin-top:22px;background:var(--accent);color:#1a1006;border:none;border-radius:10px;padding:13px;font-weight:700;font-size:15px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--muted);margin-top:10px}.otp-input{text-align:center;font-size:26px;letter-spacing:10px;font-weight:700}.error-box{color:var(--red);font-size:13px;margin-top:10px}.hint{color:var(--muted);font-size:12px;margin-top:8px;line-height:1.5}.success-icon{font-size:48px;text-align:center;margin-bottom:12px}.subdomain-box{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center;font-size:16px;font-weight:700;color:var(--accent-2);margin-top:16px;word-break:break-all}.key-box{background:#ef546414;border:1px solid rgba(239,84,100,.3);border-radius:10px;padding:12px;margin-top:14px;font-size:12px;color:var(--muted)}.key-box code{display:block;word-break:break-all;color:var(--text);margin-top:6px;font-size:11px}.steps{display:flex;gap:6px;margin-bottom:22px}.step-dot{flex:1;height:3px;border-radius:999px;background:var(--border)}.step-dot.done{background:var(--accent)}