*{box-sizing:border-box}
html,body{margin:0;min-height:100%;width:100%;overflow-x:hidden}
body.auth-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff!important;color:#222;display:flex;align-items:center;justify-content:center;padding:18px 12px}
.auth{width:min(410px,100%);padding:24px 20px;background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.06);overflow:hidden}
.auth .brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px;color:#222!important;font-weight:900;font-size:20px;text-decoration:none}
.auth .brand img{width:34px!important;height:34px!important;margin:0!important;flex:0 0 34px}
.auth h1{text-align:center;margin:0 0 18px;color:#222!important;font-size:24px;line-height:1.25}
.auth form{display:grid;gap:11px;min-width:0}
.auth label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#333}
.auth input{width:100%;min-width:0;height:44px;padding:10px 12px;border:1px solid #ddd!important;border-radius:10px;background:#fff!important;color:#222!important;outline:0}
.auth input:focus{border-color:#f5c400!important;box-shadow:0 0 0 3px rgba(245,196,0,.12)!important}
.auth .btn{width:100%;min-width:0;min-height:44px;border-radius:10px;padding:10px 12px;white-space:normal;line-height:1.2}
.auth .ghost{background:#fff!important;color:#333!important;border:1px solid #ddd!important}
.auth .ghost:hover{border-color:#f5c400!important}
.auth .captcha-box{width:100%;min-width:0;margin:1px 0;padding:10px;border:1px solid #eee;border-radius:10px;background:#fafafa;overflow:hidden}
.auth .cf-turnstile,.auth #turnstileWidget{max-width:100%;overflow:hidden}
.auth .google-g-icon{width:20px;height:20px;flex:0 0 20px}
.auth #googleBtn{display:flex;align-items:center;justify-content:center;gap:8px}
.auth p{margin:11px 0 0;text-align:center;font-size:13px;line-height:1.5;color:#666;overflow-wrap:anywhere}
.auth p a{color:#b07b00!important;font-weight:700}
.auth .msg{min-height:18px;margin-top:1px;color:#c2410c!important;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.auth .muted{color:#777!important}
@media(max-width:420px){body.auth-page{padding:10px 8px;align-items:flex-start;padding-top:28px}.auth{padding:20px 15px;border-radius:15px}.auth h1{font-size:22px}.auth .brand{font-size:18px;margin-bottom:15px}.auth input{height:42px}.auth .captcha-box{padding:8px}}


/* V46 compact mobile safety */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
*, *::before, *::after { box-sizing:border-box; max-width:100%; }
.auth { width:min(100% - 24px, 520px); margin:20px auto; padding:22px 18px; overflow:hidden; }
.auth input, .auth button, .captcha-box { width:100%; max-width:100%; min-width:0; }
.auth img, .auth svg { max-width:100%; }
@media (max-width:480px){ .auth{margin:12px auto;padding:18px 14px;border-radius:18px;} .auth h1{font-size:28px;} .auth .brand{gap:8px;} .auth .brand img{width:46px;height:46px;} }
/* V66 auth visual fix */
body.auth-page{background:linear-gradient(135deg,#fffaf0 0%,#fff 42%,#f3f8ff 100%)!important;color:#202124!important;padding:24px 14px!important}
.auth{width:min(100%,460px)!important;padding:28px!important;border:1px solid #eadfbf!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 50px rgba(74,60,20,.10)!important;overflow:hidden!important}
.auth .brand{justify-content:flex-start!important;color:#273142!important}.auth .brand img{width:42px!important;height:42px!important}.auth h1{font-size:30px!important;color:#202124!important}.auth label{color:#344054!important}.auth input{height:48px!important;border-radius:14px!important;background:#fff!important;border-color:#ddd6c5!important}.auth .btn{min-height:48px!important;border-radius:14px!important}.auth .btn:not(.ghost){background:linear-gradient(90deg,#f5c400,#ff9f1c)!important;color:#2b2100!important;border:0!important}.auth .ghost{background:#fff!important;color:#3157a8!important;border-color:#cfdcff!important}.auth p{color:#667085!important}.auth p a{color:#7c3aed!important}.auth .captcha-box{border-radius:16px!important;background:linear-gradient(135deg,#fff9dd,#f4f8ff)!important;border-color:#e7d9a8!important}.auth .msg{color:#c2410c!important}
@media(max-width:480px){body.auth-page{padding:18px 10px!important}.auth{width:100%!important;padding:22px 16px!important;border-radius:20px!important}.auth h1{font-size:25px!important}}
html[data-theme="dark"] body.auth-page{background:#050a12!important;color:#dbeafe!important}html[data-theme="dark"] .auth{background:#0b121c!important;border-color:#18304f!important;box-shadow:0 20px 55px rgba(0,0,0,.42)!important}html[data-theme="dark"] .auth .brand,html[data-theme="dark"] .auth h1,html[data-theme="dark"] .auth label{color:#dbeafe!important}html[data-theme="dark"] .auth input{background:#060b12!important;color:#dbeafe!important;border-color:#24466f!important}html[data-theme="dark"] .auth .ghost{background:#0c1725!important;color:#60a5fa!important;border-color:#245080!important}html[data-theme="dark"] .auth p,html[data-theme="dark"] .auth .muted{color:#8295ad!important}html[data-theme="dark"] .auth p a{color:#60a5fa!important}html[data-theme="dark"] .auth .captcha-box{background:#091321!important;border-color:#23466f!important}

/* V67 auth palette: light = white + gold/orange/blue/purple; dark = black + blue only */
body.auth-page{background:radial-gradient(circle at 12% 8%,rgba(245,196,0,.18),transparent 28%),radial-gradient(circle at 88% 12%,rgba(124,58,237,.13),transparent 30%),linear-gradient(135deg,#fffaf0,#ffffff 48%,#f2f7ff)!important}
.auth{border-color:#e8dcc0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 22px 60px rgba(49,87,168,.10),0 8px 25px rgba(234,179,8,.08)!important}
.auth .brand span,.auth .brand{background:linear-gradient(90deg,#d89b00,#f97316,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.auth h1{background:linear-gradient(90deg,#d89b00,#f97316,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.auth input{border-color:#ded7c8!important;border-radius:15px!important}.auth .btn:not(.ghost){background:linear-gradient(90deg,#f5c400,#ff9f1c 45%,#7c3aed)!important;color:#fff!important;box-shadow:0 10px 24px rgba(124,58,237,.16)!important}.auth .ghost{border-color:#cbdaf5!important;background:#f7faff!important;color:#2563eb!important}
html[data-theme="dark"] body.auth-page{background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.20),transparent 28%),radial-gradient(circle at 88% 10%,rgba(14,165,233,.12),transparent 30%),#03070d!important;color:#dbeafe!important}
html[data-theme="dark"] .auth{background:#070c13!important;border-color:#15365d!important;box-shadow:0 24px 65px rgba(0,0,0,.52)!important}
html[data-theme="dark"] .auth .brand,html[data-theme="dark"] .auth .brand span,html[data-theme="dark"] .auth h1{background:none!important;color:#60a5fa!important}
html[data-theme="dark"] .auth label{color:#c8d9ee!important}html[data-theme="dark"] .auth input{background:#02060b!important;border-color:#1b416b!important;color:#dbeafe!important}html[data-theme="dark"] .auth .btn:not(.ghost){background:linear-gradient(90deg,#1d4ed8,#0284c7)!important;color:#fff!important}html[data-theme="dark"] .auth .ghost{background:#091321!important;color:#60a5fa!important;border-color:#1c4777!important}
.ct-empty-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(3,7,13,.62);backdrop-filter:blur(8px)}.ct-empty-box{width:min(92vw,390px);padding:28px 22px;border:1px solid #eadfbf;border-radius:24px;background:#fff;color:#202124;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.28)}.ct-empty-icon{font-size:38px;margin-bottom:8px}.ct-empty-box h2{margin:4px 0 8px}.ct-empty-box p{margin:0 0 18px;color:#667085;line-height:1.55}.ct-empty-box button{border:0;border-radius:14px;padding:12px 24px;background:linear-gradient(90deg,#f5c400,#ff9f1c);color:#241b00;font-weight:900}
html[data-theme="dark"] .ct-empty-box{background:#080f18;color:#dbeafe;border-color:#1b426c}.ct-empty-box button{cursor:pointer}

/* V81 TrafficMember wordmark */
.auth .brand img{width:190px!important;height:44px!important;object-fit:contain!important;flex:0 0 auto!important}
@media(max-width:480px){.auth .brand img{width:170px!important;height:39px!important}}