:root{--ink:#171522;--muted:#6d6878;--paper:#fbfaf7;--lav:#9b91f3;--mint:#58d6bd;--pink:#d35f9d;--line:#e8e5ec;--danger:#c83f62}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f5fb;color:var(--ink)}a{color:inherit;text-decoration:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:radial-gradient(circle at 15% 15%,rgba(155,145,243,.18),transparent 28%),radial-gradient(circle at 45% 80%,rgba(88,214,189,.18),transparent 24%),linear-gradient(145deg,#fbfaf7,#f5f1fb)}.auth-story{padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}.auth-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(119,107,226,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(119,107,226,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent 90%);z-index:-2}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:900;font-size:25px;position:relative;z-index:4}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--lav),var(--mint));display:grid;place-items:center;color:#fff}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.18em;color:#776be2}.auth-story>div:nth-of-type(1){position:relative;z-index:3;max-width:760px}.auth-story h1{font-size:clamp(48px,6.5vw,86px);line-height:.96;letter-spacing:-.06em;max-width:760px;margin:18px 0 22px}.auth-story p{max-width:640px;color:var(--muted);font-size:18px;line-height:1.7}.auth-live{position:absolute;inset:0;pointer-events:none;z-index:1}.auth-phone{position:absolute;right:7%;bottom:7%;width:250px;height:390px;border-radius:34px;padding:16px;background:linear-gradient(160deg,#1d1a2b,#2d2741);box-shadow:0 34px 90px rgba(35,29,62,.3);transform:rotate(5deg);animation:phoneFloat 5s ease-in-out infinite}.phone-top{width:68px;height:7px;border-radius:99px;background:#4a435f;margin:0 auto 22px}.reel-card{height:210px;border-radius:23px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:radial-gradient(circle at 20% 25%,rgba(127,224,202,.55),transparent 30%),radial-gradient(circle at 80% 30%,rgba(155,145,243,.7),transparent 36%),linear-gradient(145deg,#352d52,#1d1a2b);overflow:hidden}.reel-card b{font-size:22px}.reel-card small{margin-top:5px;color:#d4cedf}.reel-wave{display:flex;align-items:flex-end;gap:5px;height:76px;margin-bottom:18px}.reel-wave i{display:block;width:10px;border-radius:99px;background:linear-gradient(#fff,#7fe0ca);animation:wave 1.15s ease-in-out infinite}.reel-wave i:nth-child(1){height:32px}.reel-wave i:nth-child(2){height:58px;animation-delay:.15s}.reel-wave i:nth-child(3){height:44px;animation-delay:.3s}.reel-wave i:nth-child(4){height:68px;animation-delay:.45s}.reel-wave i:nth-child(5){height:38px;animation-delay:.6s}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.phone-stats span{padding:12px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff}.phone-stats b,.phone-stats small{display:block}.phone-stats small{font-size:10px;color:#aaa3ba;margin-top:4px}.social-orbit{position:absolute;border:1px dashed rgba(119,107,226,.28);border-radius:50%;animation:spin 18s linear infinite}.so1{width:470px;height:470px;right:-80px;bottom:-90px}.so2{width:620px;height:620px;right:-155px;bottom:-165px;animation-direction:reverse;animation-duration:25s}.social-orbit span{position:absolute;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(50,39,88,.12);color:#655bd3;font-weight:900}.social-orbit span:nth-child(1){left:50%;top:-24px}.social-orbit span:nth-child(2){right:-24px;top:50%}.social-orbit span:nth-child(3){left:12%;bottom:8%}.floating-badge{position:absolute;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(50,39,88,.16);font-size:12px;font-weight:850;animation:badgeFloat 4s ease-in-out infinite}.fb-a{right:30%;bottom:31%}.fb-b{right:4%;bottom:53%;animation-delay:.8s}.auth-panel{display:flex;align-items:center;justify-content:center;padding:28px;border-left:1px solid rgba(60,45,90,.08);position:relative;z-index:5}.auth-card{width:min(100%,520px);background:rgba(255,255,255,.9);border:1px solid rgba(232,229,236,.95);border-radius:30px;padding:34px;box-shadow:0 32px 100px rgba(54,42,97,.14);backdrop-filter:blur(22px)}.auth-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;color:var(--muted)}.auth-top select{width:auto}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f3f1f7;border-radius:14px;margin-bottom:26px}.tabs button{border:0;background:transparent;color:var(--muted);padding:12px;border-radius:10px;font-weight:800;cursor:pointer}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 6px 20px rgba(45,36,72,.08)}.auth-card h2{font-size:34px;margin:0 0 8px}.muted{color:var(--muted)}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:8px;font-size:14px;font-weight:750}input,select{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:13px;padding:14px 15px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--lav);box-shadow:0 0 0 3px rgba(155,145,243,.15)}button.primary{border:0;border-radius:13px;padding:15px 18px;background:linear-gradient(135deg,#776be2,#a75fbd);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(119,107,226,.22);transition:.2s ease}button.primary:hover{transform:translateY(-2px)}.message{min-height:24px;margin-top:16px;color:var(--danger);font-size:14px}.fine{font-size:12px;color:var(--muted);line-height:1.55}.human-check{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #dff0eb;background:#f5fffc;border-radius:14px}.human-check div{display:grid;flex:1}.human-check small{color:var(--muted)}.shield{width:34px;height:34px;border-radius:10px;background:#dff7f0;display:grid;place-items:center;color:#218b73}.hp{position:absolute!important;left:-9999px!important}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes phoneFloat{50%{transform:rotate(2deg) translateY(-14px)}}@keyframes badgeFloat{50%{transform:translateY(-10px)}}@keyframes wave{50%{transform:scaleY(.45)}}@media(max-width:1050px){.auth-phone{right:2%;width:220px;height:350px}.fb-a{right:28%}.auth-story h1{font-size:56px}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{padding:26px 20px 20px;min-height:520px}.auth-story h1{font-size:48px;margin:40px 0 15px;max-width:620px}.auth-phone{right:8%;bottom:0;transform:scale(.82) rotate(5deg);transform-origin:bottom right}.so1{right:-120px}.so2{display:none}.auth-panel{border-left:0;padding:18px 16px 34px}.auth-card{padding:24px}.floating-badge{display:none}}@media(max-width:620px){.auth-story{min-height:440px}.auth-story h1{font-size:42px}.auth-story p{font-size:16px;max-width:90%}.auth-phone{width:175px;height:280px;right:-10px;opacity:.82}.reel-card{height:145px;padding:13px}.reel-wave{height:45px}.phone-stats{display:none}.social-orbit{opacity:.6}.auth-card{border-radius:24px}}

/* V7 — elegant, high-contrast authentication form */
.auth-panel{
  background:
    radial-gradient(circle at 20% 12%,rgba(119,107,226,.16),transparent 34%),
    radial-gradient(circle at 88% 86%,rgba(88,214,189,.14),transparent 30%),
    linear-gradient(145deg,rgba(244,241,250,.94),rgba(250,249,252,.98));
}
.auth-panel:before{
  content:"";
  position:absolute;
  inset:6% 8%;
  border-radius:42px;
  background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(255,255,255,.12));
  border:1px solid rgba(255,255,255,.74);
  filter:blur(.1px);
  pointer-events:none;
}
.auth-card{
  position:relative;
  overflow:hidden;
  width:min(100%,540px);
  padding:38px;
  border-radius:32px;
  background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(248,246,252,.94));
  border:1px solid rgba(111,94,171,.16);
  box-shadow:0 34px 90px rgba(46,35,87,.18),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(28px) saturate(135%);
}
.auth-card:before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-110px;
  top:-130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(155,145,243,.2),transparent 68%);
  pointer-events:none;
}
.auth-card:after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#8c7bf1,#58d6bd,transparent);
  opacity:.85;
}
.auth-top{position:relative;z-index:1;margin-bottom:22px;color:#625d70}
.auth-top a{font-weight:750;transition:color .2s ease,transform .2s ease}
.auth-top a:hover{color:#655bd3;transform:translateX(-2px)}
.auth-top select,
#registerLocale{
  background:#f4f1f8;
  color:#24202f;
  border:1px solid #d8d1e3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.tabs{
  position:relative;
  z-index:1;
  padding:5px;
  margin-bottom:28px;
  border:1px solid #e0dae8;
  background:#eeeaf4;
  box-shadow:inset 0 1px 4px rgba(48,36,75,.05);
}
.tabs button{color:#70697c;transition:all .22s ease}
.tabs button.active{
  color:#1b1724;
  background:#fff;
  box-shadow:0 8px 20px rgba(49,38,82,.12),inset 0 0 0 1px rgba(119,107,226,.08);
}
.auth-card h2{position:relative;z-index:1;font-size:38px;letter-spacing:-.04em;color:#17131f}
.auth-card .muted{position:relative;z-index:1;color:#716a7e;line-height:1.65}
.auth-card form{position:relative;z-index:1;gap:17px;margin-top:26px}
.auth-card label{gap:9px;color:#2d2837;font-size:13px;font-weight:850;letter-spacing:.01em}
.auth-card input,
.auth-card select{
  min-height:52px;
  padding:15px 16px;
  border:1px solid #cbc3d8;
  border-radius:15px;
  background:#f5f2f8;
  color:#191521;
  caret-color:#776be2;
  box-shadow:inset 0 1px 2px rgba(41,31,64,.05),0 1px 0 rgba(255,255,255,.9);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease;
}
.auth-card input::placeholder{color:#8b8494;opacity:1}
.auth-card input:hover,
.auth-card select:hover{border-color:#aaa0bc;background:#f8f6fa}
.auth-card input:focus,
.auth-card select:focus{
  border-color:#776be2;
  background:#fff;
  box-shadow:0 0 0 4px rgba(119,107,226,.14),0 10px 28px rgba(64,48,111,.08);
  transform:translateY(-1px);
}
.auth-card input:-webkit-autofill,
.auth-card input:-webkit-autofill:hover,
.auth-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#191521;
  -webkit-box-shadow:0 0 0 1000px #f5f2f8 inset,0 0 0 4px rgba(119,107,226,.1);
  transition:background-color 9999s ease-in-out 0s;
}
button.primary{
  min-height:54px;
  margin-top:3px;
  border-radius:16px;
  background:linear-gradient(112deg,#675de0 0%,#8a63df 46%,#b45db5 100%);
  box-shadow:0 16px 34px rgba(100,77,194,.28),inset 0 1px 0 rgba(255,255,255,.3);
  letter-spacing:.01em;
  position:relative;
  overflow:hidden;
}
button.primary:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:44%;
  left:-60%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .55s ease;
}
button.primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(100,77,194,.34)}
button.primary:hover:before{left:125%}
button.primary:active{transform:translateY(0)}
.human-check{
  border:1px solid #cfe8e1;
  background:linear-gradient(135deg,#f0fbf8,#f8fffd);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.shield{background:#d8f3eb;color:#187a66}
.message{font-weight:700}
@media(max-width:900px){.auth-panel:before{inset:2% 3%}.auth-card{padding:30px}}
@media(max-width:620px){.auth-card{padding:24px 20px;border-radius:25px}.auth-card h2{font-size:32px}.auth-panel:before{display:none}}

/* V8 — definitive readable luxury form treatment */
.auth-card input,
.auth-card select,
.auth-card textarea{
  appearance:none;
  -webkit-appearance:none;
  background:#f3f0f7 !important;
  background-image:none !important;
  color:#17131f !important;
  -webkit-text-fill-color:#17131f !important;
  caret-color:#665bd3 !important;
  border:1px solid #bdb3cd !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(43,32,75,.045) !important;
  opacity:1 !important;
  font-weight:650;
}
.auth-card input::placeholder,
.auth-card textarea::placeholder{
  color:#756d82 !important;
  -webkit-text-fill-color:#756d82 !important;
  opacity:1 !important;
  font-weight:550;
}
.auth-card input:hover,
.auth-card select:hover{border-color:#988bb2 !important;background:#efebf5 !important}
.auth-card input:focus,
.auth-card select:focus,
.auth-card textarea:focus{
  background:#fff !important;
  border-color:#7567e8 !important;
  box-shadow:0 0 0 4px rgba(117,103,232,.16),0 14px 32px rgba(70,53,130,.1) !important;
  transform:translateY(-1px);
}
.auth-card input:-webkit-autofill,
.auth-card input:-webkit-autofill:hover,
.auth-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#17131f !important;
  -webkit-box-shadow:0 0 0 1000px #f3f0f7 inset !important;
  box-shadow:0 0 0 1000px #f3f0f7 inset !important;
  transition:background-color 9999s ease-out 0s;
}
.auth-card label{color:#25202e !important;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.auth-card .primary{
  min-height:56px;
  border-radius:17px;
  background:linear-gradient(110deg,#5e50dc 0%,#8c58d7 50%,#c3569b 100%);
  box-shadow:0 18px 38px rgba(107,79,205,.28),inset 0 1px 0 rgba(255,255,255,.3);
  letter-spacing:.01em;
}
.auth-card .primary:hover{transform:translateY(-3px);box-shadow:0 23px 44px rgba(107,79,205,.35)}
.human-check{background:linear-gradient(135deg,#eefcf8,#f3efff);border-color:#cfc5ee;box-shadow:inset 0 1px 0 #fff}
@media(max-width:620px){.auth-card{padding:25px 20px}.auth-card h2{font-size:32px}}


/* V9 fallback: maximum contrast for auth controls */
.auth-card input,.auth-card select{background-color:#eee9f5!important;color:#120f18!important;-webkit-text-fill-color:#120f18!important;border-color:#9e91b6!important;opacity:1!important}
.auth-card input::placeholder{color:#625a6d!important;-webkit-text-fill-color:#625a6d!important;opacity:1!important}
.auth-card input:focus,.auth-card select:focus{background-color:#fff!important;color:#0d0a12!important;-webkit-text-fill-color:#0d0a12!important;border-color:#5f50dc!important}


/* V11 — readable olive-luxe authentication panel */
.auth-card{
  background:linear-gradient(155deg,#f8f8ef 0%,#eef0df 58%,#e4e8cf 100%)!important;
  border:1px solid rgba(80,91,42,.28)!important;
  box-shadow:0 34px 90px rgba(40,49,24,.22),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.auth-card:after{background:linear-gradient(90deg,transparent,#6f7d3d,#a7b56c,transparent)!important}
.auth-card h2,.auth-card label>span{color:#202612!important;-webkit-text-fill-color:#202612!important}
.auth-card .muted,.auth-card .fine{color:#59613d!important}
.auth-card input,.auth-card select,.auth-card textarea{
  background:#fffef7!important;
  color:#171c0e!important;
  -webkit-text-fill-color:#171c0e!important;
  border:1.5px solid #8e9964!important;
  box-shadow:inset 0 1px 2px rgba(45,53,25,.08),0 8px 22px rgba(45,53,25,.07)!important;
}
.auth-card input::placeholder,.auth-card textarea::placeholder{color:#6d7357!important;-webkit-text-fill-color:#6d7357!important;opacity:1!important}
.auth-card input:focus,.auth-card select:focus,.auth-card textarea:focus{
  background:#fff!important;
  color:#11150a!important;
  -webkit-text-fill-color:#11150a!important;
  border-color:#66752f!important;
  box-shadow:0 0 0 4px rgba(111,125,61,.2),0 16px 34px rgba(55,66,28,.14)!important;
}
.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#171c0e!important;
  -webkit-box-shadow:0 0 0 1000px #fffef7 inset!important;
  box-shadow:0 0 0 1000px #fffef7 inset!important;
}
.tabs{background:#dde2c8!important;border-color:#bdc59c!important}
.tabs button{color:#59613d!important}
.tabs button.active{background:#fffef7!important;color:#222914!important;box-shadow:0 8px 20px rgba(55,65,30,.14)!important}
.auth-top select,#registerLocale{background:#fffef7!important;color:#202612!important;border-color:#9da878!important}
.auth-card .primary{background:linear-gradient(112deg,#4e5d27 0%,#71833a 48%,#9aaa58 100%)!important;box-shadow:0 18px 38px rgba(72,88,34,.3),inset 0 1px 0 rgba(255,255,255,.26)!important}
.human-check{background:linear-gradient(135deg,#f5f8e9,#eef3dd)!important;border-color:#b8c392!important}.shield{background:#dfe8c4!important;color:#4c6025!important}

/* ===== DARK THEME OVERRIDES FOR AUTH ===== */
html { color-scheme: dark; }
html[data-theme="dark"] body { background: var(--auth-bg, #0d0b14) !important; color: var(--auth-ink, #f5f3ff) !important; }
html[data-theme="dark"] .auth-shell { background: radial-gradient(circle at 15% 15%, rgba(142,128,245,.12), transparent 28%), radial-gradient(circle at 45% 80%, rgba(99,220,193,.10), transparent 24%), linear-gradient(145deg, #0d0b14, #171522) !important; }
html[data-theme="dark"] .auth-story:before { background-image: linear-gradient(rgba(142,128,245,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(142,128,245,.04) 1px, transparent 1px) !important; }
html[data-theme="dark"] .auth-story h1 { color: var(--auth-ink, #f5f3ff) !important; }
html[data-theme="dark"] .auth-story p { color: var(--auth-muted, #a29db8) !important; }
html[data-theme="dark"] .eyebrow { color: #a89cfa !important; }
html[data-theme="dark"] .auth-panel { background: radial-gradient(circle at 20% 12%, rgba(142,128,245,.10), transparent 34%), radial-gradient(circle at 88% 86%, rgba(99,220,193,.08), transparent 30%), linear-gradient(145deg, rgba(23,21,34,.94), rgba(31,28,46,.98)) !important; }
html[data-theme="dark"] .auth-panel:before { background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important; border-color: rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .auth-card { background: linear-gradient(155deg, rgba(23,21,34,.97), rgba(31,28,46,.94)) !important; border-color: rgba(255,255,255,.10) !important; box-shadow: 0 34px 90px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.05) !important; }
html[data-theme="dark"] .auth-card:before { background: radial-gradient(circle, rgba(142,128,245,.15), transparent 68%) !important; }
html[data-theme="dark"] .auth-card:after { background: linear-gradient(90deg, transparent, #8e80f5, #63dcc1, transparent) !important; opacity: .7 !important; }
html[data-theme="dark"] .auth-top { color: var(--auth-muted, #a29db8) !important; }
html[data-theme="dark"] .auth-top a:hover { color: #a89cfa !important; }
html[data-theme="dark"] .auth-top select,
html[data-theme="dark"] #registerLocale,
html[data-theme="dark"] #pageLocale { background: rgba(255,255,255,.06) !important; color: var(--auth-ink, #f5f3ff) !important; border-color: rgba(255,255,255,.12) !important; box-shadow: none !important; }
html[data-theme="dark"] .tabs { border-color: rgba(255,255,255,.10) !important; background: rgba(255,255,255,.05) !important; box-shadow: inset 0 1px 4px rgba(0,0,0,.2) !important; }
html[data-theme="dark"] .tabs button { color: var(--auth-muted, #a29db8) !important; }
html[data-theme="dark"] .tabs button.active { color: var(--auth-ink, #f5f3ff) !important; background: var(--auth-surface-2, #1f1c2e) !important; box-shadow: 0 8px 20px rgba(0,0,0,.25), inset 0 0 0 1px rgba(142,128,245,.12) !important; }
html[data-theme="dark"] .auth-card h2 { color: var(--auth-ink, #f5f3ff) !important; }
html[data-theme="dark"] .auth-card .muted { color: var(--auth-muted, #a29db8) !important; }
html[data-theme="dark"] .auth-card label { color: var(--auth-ink, #f5f3ff) !important; text-shadow: none !important; }
html[data-theme="dark"] .auth-card input,
html[data-theme="dark"] .auth-card select,
html[data-theme="dark"] .auth-card textarea { background: rgba(255,255,255,.06) !important; color: var(--auth-ink, #f5f3ff) !important; -webkit-text-fill-color: var(--auth-ink, #f5f3ff) !important; border-color: rgba(255,255,255,.15) !important; box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 8px 22px rgba(0,0,0,.08) !important; }
html[data-theme="dark"] .auth-card input::placeholder,
html[data-theme="dark"] .auth-card textarea::placeholder { color: #7e7896 !important; -webkit-text-fill-color: #7e7896 !important; }
html[data-theme="dark"] .auth-card input:hover,
html[data-theme="dark"] .auth-card select:hover { border-color: rgba(255,255,255,.25) !important; background: rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .auth-card input:focus,
html[data-theme="dark"] .auth-card select:focus,
html[data-theme="dark"] .auth-card textarea:focus { background: var(--auth-surface-2, #1f1c2e) !important; border-color: #8e80f5 !important; box-shadow: 0 0 0 4px rgba(142,128,245,.20), 0 14px 32px rgba(0,0,0,.20) !important; }
html[data-theme="dark"] .auth-card input:-webkit-autofill,
html[data-theme="dark"] .auth-card input:-webkit-autofill:hover,
html[data-theme="dark"] .auth-card input:-webkit-autofill:focus { -webkit-text-fill-color: var(--auth-ink, #f5f3ff) !important; -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.06) inset !important; box-shadow: 0 0 0 1000px rgba(255,255,255,.06) inset !important; }
html[data-theme="dark"] .human-check { background: linear-gradient(135deg, rgba(99,220,193,.08), rgba(142,128,245,.08)) !important; border-color: rgba(255,255,255,.10) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; }
html[data-theme="dark"] .shield { background: rgba(99,220,193,.15) !important; color: #63dcc1 !important; }
html[data-theme="dark"] .human-check b { color: var(--auth-ink, #f5f3ff) !important; }
html[data-theme="dark"] .human-check small { color: var(--auth-muted, #a29db8) !important; }
html[data-theme="dark"] #humanState { color: #63dcc1 !important; }
html[data-theme="dark"] .fine { color: var(--auth-muted, #a29db8) !important; }
html[data-theme="dark"] .message.error { color: #ff6b8a !important; }
html[data-theme="dark"] .message.success { color: #63dcc1 !important; }

/* Theme toggle for auth page */
.theme-toggle {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--auth-ink, #f5f3ff);
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: middle;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.theme-toggle:hover { transform: scale(1.08); border-color: #8e80f5; }