:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#071827;color:#f2f9ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(ellipse at top right,#103c49,transparent 65%)}
main{width:min(100%,560px);padding:40px;border:1px solid #274455;border-radius:24px;background:#0b2232;box-shadow:0 24px 80px #0005}
.brand{display:flex;align-items:center;gap:14px;color:#fff;font-size:22px;font-weight:750;letter-spacing:3px;text-decoration:none;margin-bottom:36px}
.eyebrow{color:#51dfd0;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700}
h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:12px 0 18px}h2{font-size:24px}
p{line-height:1.6;color:#bbd0df}label{display:block;margin:22px 0 8px;font-weight:650}
input{width:100%;font:inherit;padding:14px;border:1px solid #476171;border-radius:10px;background:#071827;color:#fff}
button{cursor:pointer;width:100%;border:0;border-radius:10px;padding:15px;margin-top:24px;background:#4ddbc9;color:#06202b;font:inherit;font-weight:750}
.button-link{display:block;text-align:center;text-decoration:none;border-radius:10px;padding:15px;margin-top:24px;background:#4ddbc9;color:#06202b;font-weight:750}
button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #a0fff1;outline-offset:4px}
.hint,.footnote{font-size:13px}.hint{margin-top:8px}.footnote{margin-top:26px}a{color:#61e5d4;overflow-wrap:anywhere}
#status{min-height:24px;color:#e1faf6}#identity{font-weight:700;color:#60e5d2}
[hidden]{display:none!important}.invite-result{overflow-wrap:anywhere;padding:18px;border:1px solid #4ddbc9;border-radius:12px}
dialog{max-width:460px;width:calc(100% - 32px);border:1px solid #4ddbc9;border-radius:16px;background:#0b2232;color:#f2f9ff;padding:26px;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#0009}dialog form{margin:0}dialog p{margin-bottom:0}dialog div{display:flex;gap:10px}dialog button{margin-top:18px}dialog button:first-child{background:#294b5b;color:#fff}
@media(max-width:520px){body{padding:16px}main{padding:26px 20px}.brand{margin-bottom:28px}}