:root { color-scheme:dark; --signup-bg:#0c0d10; --signup-panel:#15171b; --signup-text:#f3f4f6; --signup-muted:#a1a6b1; --signup-line:#343841; }
html[data-theme="light"] { color-scheme:light; --signup-bg:#f7f8fa; --signup-panel:#fff; --signup-text:#20242b; --signup-muted:#616b79; --signup-line:#d9dee5; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--signup-bg); color:var(--signup-text); font:16px/1.55 Calibri,Arial,sans-serif; }
.signup-main { width:min(100% - 36px,440px); margin:0 auto; padding:64px 0 32px; }
a { color:inherit; }
.signup-brand { display:flex; align-items:center; justify-content:center; gap:12px; font-size:25px; font-weight:800; text-decoration:none; margin-bottom:28px; }
.signup-brand img { width:44px; height:44px; }
.signup-panel { border:1px solid var(--signup-line); border-top:3px solid #43b398; border-radius:8px; padding:28px; background:var(--signup-panel); }
h1 { font-size:28px; line-height:1.2; margin:0 0 12px; }
.signup-muted { color:var(--signup-muted); font-size:15px; margin:0 0 26px; }
form { display:grid; gap:10px; }
label { font-size:14px; font-weight:700; }
input { width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid var(--signup-line); border-radius:6px; background:var(--signup-bg); color:var(--signup-text); font:inherit; margin-bottom:8px; }
button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px; border:1px solid #388caa; border-radius:6px; background:linear-gradient(120deg,#167a79,#2769a6); color:#fff; font:700 15px/1.3 Calibri,Arial,sans-serif; cursor:pointer; margin-top:6px; }
button:disabled { opacity:.5; cursor:not-allowed; }
button:hover:not(:disabled) { filter:brightness(1.1); }
input:focus-visible,button:focus-visible,a:focus-visible { outline:3px solid #56bfc4; outline-offset:3px; }
.signup-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.signup-status { color:#47bb92; margin-top:18px; }
.signup-error { color:#e67e85; font-size:14px; }
html[data-theme="light"] .signup-status { color:#08755b; }
html[data-theme="light"] .signup-error { color:#a62736; }
.signup-login { display:block; margin-top:24px; text-align:center; font-size:14px; }
.signup-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 18px; color:var(--signup-muted); font-size:13px; margin-top:24px; }
@media(max-width:480px) { .signup-main { padding-top:40px; } .signup-panel { padding:24px 20px; } }