:root{color-scheme:dark;--red:#e50914;--red-hover:#f61a26;--text:#fff;--quiet:#c4babc;--field:#1c1315;--border:#776466}
*{box-sizing:border-box}html{min-height:100%;background:#090103}body{min-height:100vh;margin:0;color:var(--text);font:16px/1.45 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.auth-page{display:flex;flex-direction:column;background:radial-gradient(ellipse 68% 52% at 50% 9%,#510d1b 0%,#2a0710 53%,transparent 100%),linear-gradient(180deg,#26070e 0%,#220409 38%,#090102 87%,#050505 100%)}
a{color:inherit;text-underline-offset:3px}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.auth-header{width:100%;border-bottom:1px solid rgba(255,255,255,.1);min-height:124px}
.auth-header-inner{max-width:1220px;margin:auto;padding:27px clamp(24px,4vw,45px);display:flex;align-items:flex-start}
.auth-logo{display:flex;gap:5px;align-items:center;text-decoration:none;font-size:clamp(26px,2.4vw,42px);line-height:1;font-weight:1000;letter-spacing:-2.2px;color:var(--red)}
.auth-logo-white{color:#fff}.auth-logo-pill{background:var(--red);color:#fff;font-size:14px;letter-spacing:0;border-radius:3px;padding:5px 6px;margin-left:3px}
.auth-main{flex:1;width:100%;min-height:590px;padding:45px 22px 88px}
.auth-content{width:min(100%,540px);margin:0 auto}
.auth-title{font-size:clamp(29px,3.4vw,36px);line-height:1.16;letter-spacing:-.9px;font-weight:750;margin:0 0 8px}
.auth-subtitle{color:var(--quiet);font-size:18px;margin:0 0 30px}.auth-subtitle a{font-weight:600;text-decoration:none}.auth-subtitle a:hover{text-decoration:underline}
.auth-form{margin:0;display:flex;flex-direction:column;gap:13px}
.auth-field{display:block;width:100%;height:64px;min-width:0;color:#fff;background:rgba(19,14,16,.83);border:1px solid var(--border);border-radius:4px;padding:0 18px;font-size:17px;transition:border-color .15s,background .15s}
.auth-field::placeholder{color:#c5c0c1;opacity:1}.auth-field:focus{border-color:#fff;background:rgba(17,12,14,.92)}
.auth-cta{width:100%;height:57px;background:var(--red);color:#fff;border:0;border-radius:4px;font-size:17px;font-weight:750;transition:background .16s}.auth-cta:hover{background:var(--red-hover)}
.auth-error{padding:12px 15px;border-radius:4px;background:#49151d;border:1px solid #ff7584;color:#fff;margin:0 0 18px;font-size:14px}
.auth-secondary{margin-top:13px}.auth-back{border:0;background:none;padding:0;color:#e4d9da;text-decoration:underline;cursor:pointer;font-size:14px}.auth-identity{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin:0 0 18px;border:1px solid #766264;background:#180e10;border-radius:5px;color:#eee;overflow-wrap:anywhere}.auth-identity a{font-size:14px;color:#fff;white-space:nowrap}
.auth-help{margin:51px 0 38px}.auth-help summary{width:max-content;cursor:pointer;list-style:none;font-size:16px;font-weight:550}.auth-help summary::-webkit-details-marker{display:none}.auth-help summary:after{content:'';display:inline-block;border-bottom:2px solid currentColor;border-right:2px solid currentColor;width:8px;height:8px;transform:rotate(45deg) translateY(-2px);margin-left:11px;vertical-align:middle}.auth-help[open] summary:after{transform:rotate(225deg) translateY(-3px)}
.auth-help-options{display:flex;flex-direction:column;gap:10px;padding:17px 0 0;font-size:14px}.auth-help-options a{width:max-content;color:#ded4d6}
.auth-security{font-size:13px;line-height:1.5;color:#a99b9e;margin:38px 0 0}.auth-security a{color:#d5c4c9}
.auth-footer{width:100%;background:rgba(3,3,3,.79);border-top:1px solid rgba(255,255,255,.11);color:#aaa0a2;padding:29px 24px 35px;min-height:145px}
.auth-footer-inner{max-width:1180px;margin:0 auto}.auth-footer-intro{font-size:14px;margin:0 0 25px}.auth-footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 28px}.auth-footer-links a{font-size:12px;width:max-content;color:#b6adb0}.auth-footer-copyright{font-size:12px;margin:31px 0 0;color:#877a7e}
.auth-register-form{gap:14px}.auth-register-form .auth-field{height:54px}.auth-check{display:flex;align-items:flex-start;gap:10px;margin:5px 0 4px;font-size:14px;line-height:1.5;color:#dfd9da}.auth-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--red)}.auth-register-title{margin-bottom:10px}
@media(max-width:640px){.auth-header{min-height:78px}.auth-header-inner{padding:22px 22px}.auth-logo{font-size:27px;letter-spacing:-1.7px}.auth-logo-pill{font-size:10px;padding:3px 5px}.auth-main{min-height:510px;padding:52px 24px 76px}.auth-content{max-width:480px}.auth-title{font-size:29px}.auth-subtitle{font-size:16px;margin-bottom:25px}.auth-field{height:57px;font-size:16px}.auth-cta{height:54px}.auth-help{margin-top:44px}.auth-footer{padding:28px 24px 35px}.auth-footer-links{grid-template-columns:repeat(2,1fr)}.auth-security{margin-top:28px}}
@media(max-width:380px){.auth-main{padding-inline:18px}.auth-title{font-size:27px}.auth-header-inner{padding-inline:18px}.auth-logo{font-size:24px}}
@media(prefers-reduced-motion:reduce){.auth-cta,.auth-field{transition:none}}

/* Picha Express header: keep the two-word name on one line on mobile. */
.auth-logo{white-space:nowrap;letter-spacing:-1.4px;gap:7px}
@media(max-width:380px){.auth-logo{font-size:clamp(22px,7vw,25px);gap:5px}}