:root{--brand:#ba0201;--brand-ink:#890101;--bg:#f3f4f6;--ink:#111827;--muted:#6b7280;--border:#e5e7eb;--card:#fff;--radius:14px;--shadow-lg:0 20px 50px #00000026;--shadow-md:0 8px 24px #0000001a;--ring:0 0 0 4px color-mix(in srgb,var(--brand)15%,transparent)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}.signup-overlay{z-index:999;background:#0000008c;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.signup-container{border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--brand)18%,var(--border));width:min(480px,100%);box-shadow:var(--shadow-lg);background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#ba020140,#ba020100) border-box;position:relative;overflow:hidden}.close-modal{width:36px;height:36px;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand)30%,#fff);cursor:pointer;background:#ba020114;border-radius:9px;place-items:center;transition:transform .15s,background .2s,box-shadow .2s;display:inline-grid;position:absolute;top:12px;right:12px}.close-modal:hover{background:#ba02011f;transform:translateY(-1px)}.close-modal:active{transform:translateY(0)}.close-modal svg{width:18px;height:18px}.close-modal svg path{fill:currentColor}.signup-form{padding:40px 32px 32px}.signup-form h2{text-align:center;color:#101010;letter-spacing:.2px;margin:0 0 8px;font-size:22px;line-height:1.2}.signup-form h2:after{content:"";background:var(--brand);opacity:.85;border-radius:2px;width:56px;height:3px;margin:10px auto 18px;display:block}.error{color:#7a0a0a;background:#fdecec;border:1px solid #f7c2c2;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:14px}.signup-form label{color:#1f2937;margin:14px 0 6px;font-size:14px;font-weight:600;display:block}.signup-form input{border:1px solid var(--border);color:#111;background:#fff;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .2s}.signup-form input::placeholder{color:#9ca3af}.signup-form input:focus{border-color:color-mix(in srgb,var(--brand)55%,var(--border));box-shadow:var(--ring)}.password-wrapper{position:relative}button#show{border:1px solid var(--border);color:var(--brand);cursor:pointer;background:#fff;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}button#show:hover{border-color:color-mix(in srgb,var(--brand)35%,var(--border));background:#ba02010f}.submit-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--brand)94%,#fff),var(--brand));color:#fff;letter-spacing:.2px;cursor:pointer;width:100%;box-shadow:var(--shadow-md);border:none;border-radius:11px;margin-top:18px;padding:12.5px 14px;font-size:16px;font-weight:700;transition:filter .15s,transform 50ms,box-shadow .2s}.submit-btn:hover{filter:saturate(110%)brightness(1.02)}.submit-btn:active{transform:translateY(1px)}.or-divider{color:#6b7280;align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.or-divider:before,.or-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.or-divider span{padding:0 6px}.btn-google{color:#fff;cursor:pointer;background:#111;border:none;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:15px;font-weight:600;transition:transform 50ms,opacity .15s;display:flex}.btn-google:hover{opacity:.92}.btn-google:active{transform:translateY(1px)}.btn-google .g-logo{width:18px;height:18px}.sign-login p{text-align:center;color:#6b7280;margin:16px 0 0;font-size:14px}.sign-login p a{color:var(--brand);border-bottom:1px solid #0000;margin-left:6px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s}.sign-login p a:hover{color:var(--brand-ink);border-color:color-mix(in srgb,var(--brand)50%,transparent)}@media screen and (max-width:768px){.signup-form{padding:0!important}}