:root{--brand:#ba0201;--brand-ink:#890101;--bg:#f3f4f6;--ink:#111827;--muted:#6b7280;--border:#e5e7eb;--card:#ffffff;--radius:14px;--shadow-lg:0 20px 50px rgba(0,0,0,0.15);--shadow-md:0 8px 24px rgba(0,0,0,0.1);--ring:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--ink)}.signup-overlay{position:fixed;inset:0;display:flex;align-items:center;background:rgba(0,0,0,.55);z-index:999;padding:20px;overflow:auto}.signup-container{position:relative;width:min(480px,100%);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fff) padding-box,linear-gradient(135deg,rgba(186,2,1,.25),rgba(186,2,1,0)) border-box;border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));box-shadow:var(--shadow-lg);overflow:hidden}.close-modal{position:absolute;top:12px;right:12px;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:rgba(186,2,1,.08);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 30%,#fff);cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.close-modal:hover{background:rgba(186,2,1,.12);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{margin:0 0 8px;text-align:center;font-size:22px;line-height:1.2;color:#101010;letter-spacing:.2px}.signup-form h2:after{content:"";display:block;width:56px;height:3px;margin:10px auto 18px;border-radius:2px;background:var(--brand);opacity:.85}.error{margin:0 0 12px;padding:10px 12px;font-size:14px;color:#7a0a0a;background:#fdecec;border:1px solid #f7c2c2;border-radius:10px}.signup-form label{display:block;margin:14px 0 6px;color:#1f2937;font-size:14px;font-weight:600}.signup-form input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#111;font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .2s ease}.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{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--brand);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .15s ease}button#show:hover{background:rgba(186,2,1,.06);border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}.submit-btn{width:100%;padding:12.5px 14px;margin-top:18px;border:none;border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 94%,#fff),var(--brand));color:#fff;font-size:16px;font-weight:700;letter-spacing:.2px;cursor:pointer;box-shadow:var(--shadow-md);transition:filter .15s ease,transform .05s ease,box-shadow .2s ease}.submit-btn:hover{filter:saturate(110%) brightness(1.02)}.submit-btn:active{transform:translateY(1px)}.or-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#6b7280;font-size:13px}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background:#e5e7eb}.or-divider span{padding:0 6px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;background:#111;color:#fff;border:none;border-radius:11px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .05s ease,opacity .15s ease}.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;font-size:14px;margin:16px 0 0}.sign-login p a{color:var(--brand);margin-left:6px;text-decoration:none;font-weight:700;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}.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}}