:root{--bg:#f7f2e7;--card:#ffffff;--ink:#1b1f23;--muted:#6a6f76;--green:#2ea44f;--green-dark:#22863a;--green-pale:#e6f6ec;--accent:#d3452a;--border:#e3dccb;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.55}a{color:var(--green-dark)}code{background:var(--green-pale);border-radius:5px;padding:2px 6px;font-size:.9em}.page{max-width:720px;margin:0 auto;padding:48px 20px 64px}header{text-align:center;margin-bottom:32px}h1{font-size:clamp(40px,8vw,64px);letter-spacing:-.03em;margin:0}.brand{font-weight:800}.accent{color:var(--accent)}.dot{color:var(--green)}.tagline{color:var(--muted);font-size:18px;margin-top:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px rgba(27,31,35,.08);padding:32px}.auth{text-align:center}.auth h2,.form h2{margin-top:0}.muted{color:var(--muted)}.small{font-size:14px}.hint{margin:6px 0 18px}.btn{display:inline-block;background:var(--green);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 22px;text-decoration:none}.btn:hover{background:var(--green-dark)}.btn:disabled{background:var(--muted);cursor:wait}.form label{display:block;font-weight:600;margin:18px 0 6px}.form input[type=number],.form input[type=text],.form select,.form textarea{width:100%;padding:10px 12px;font-size:16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font-family:inherit}.form textarea{resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--green);outline-offset:1px}.subdomain-row{display:flex;align-items:center;gap:8px}.subdomain-row input{flex:1 1}.suffix{font-weight:700;white-space:nowrap}.signed-in{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:8px}.link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;text-decoration:underline}.error{background:#fdeceb;border:1px solid #f5b7b1;border-radius:8px;color:#b0413e;margin-top:18px;padding:10px 14px}.success{text-align:center;padding:8px 0}.success .btn{margin:8px 0}.how{margin-top:40px}.how ol{padding-left:22px}.how li{margin-bottom:10px}footer{margin-top:40px;text-align:center}@media (max-width:520px){.card{padding:20px}}