/* Crypted unified UI — mail palette reference */
:root{color-scheme:dark;--crypted-bg:#060a09;--crypted-bg2:#07100d;--crypted-surface:#0b1411;--crypted-surface2:#0f1916;--crypted-ink:#eef8f4;--crypted-muted:rgba(238,248,244,.58);--crypted-line:rgba(255,255,255,.085);--crypted-mint:#91ffd5;--crypted-mint-soft:rgba(145,255,213,.075);--crypted-danger:#ffc1bc;--crypted-shadow:0 28px 80px rgba(0,0,0,.34);--bg:var(--crypted-bg);--ink:var(--crypted-ink);--muted:var(--crypted-muted);--line:var(--crypted-line);--mint:var(--crypted-mint)}
html[data-theme="light"]{color-scheme:light;--crypted-bg:#e8efec;--crypted-bg2:#eef4f1;--crypted-surface:#f7faf8;--crypted-surface2:#edf4f1;--crypted-ink:#10251d;--crypted-muted:#587066;--crypted-line:rgba(17,51,39,.15);--crypted-mint:#008b70;--crypted-mint-soft:rgba(0,139,112,.075);--crypted-danger:#9f342e;--crypted-shadow:0 24px 70px rgba(29,65,52,.10);--bg:var(--crypted-bg);--ink:var(--crypted-ink);--muted:var(--crypted-muted);--line:var(--crypted-line);--mint:var(--crypted-mint)}
html,body{background-color:var(--crypted-bg);color:var(--crypted-ink)}
body{transition:background-color .18s ease,color .18s ease}
button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--crypted-mint);outline-offset:3px}
.crypted-global-theme{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:999;width:44px;height:44px;border:1px solid var(--crypted-line);border-radius:14px;background:color-mix(in srgb,var(--crypted-surface) 92%,transparent);color:var(--crypted-ink);box-shadow:var(--crypted-shadow);backdrop-filter:blur(18px);cursor:pointer;display:grid;place-items:center;font-size:17px}
html[data-theme="light"] body{background-color:var(--crypted-bg)!important;color:var(--crypted-ink)!important}
html[data-theme="light"] body:before{opacity:.12!important}
html[data-theme="light"] .topbar,html[data-theme="light"] header.topbar{background:rgba(232,239,236,.88)!important;border-color:var(--crypted-line)!important}
html[data-theme="light"] .card,html[data-theme="light"] .panel,html[data-theme="light"] .plan-card,html[data-theme="light"] .box{background:var(--crypted-surface)!important;color:var(--crypted-ink)!important;border-color:var(--crypted-line)!important;box-shadow:var(--crypted-shadow)}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:var(--crypted-surface2)!important;color:var(--crypted-ink)!important;border-color:var(--crypted-line)!important}
html[data-theme="light"] p,html[data-theme="light"] .muted,html[data-theme="light"] .hint,html[data-theme="light"] .meta{color:var(--crypted-muted)!important}
@media(max-width:760px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:0}.crypted-global-theme{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:42px;height:42px}input,textarea,select{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ===== CRYPTED HOMEPAGE LIGHT CONTRAST + TOP ACCOUNT 2026-09-19 ===== */
html[data-theme="light"] .ambient{
  background:
    radial-gradient(circle at 72% 28%,rgba(0,139,112,.10),transparent 27%),
    radial-gradient(circle at 28% 72%,rgba(0,139,112,.055),transparent 24%),
    var(--crypted-bg)!important;
}
html[data-theme="light"] .microgrid{opacity:.34!important;background-image:linear-gradient(rgba(17,51,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,51,39,.035) 1px,transparent 1px)!important}
html[data-theme="light"] .grain{opacity:.018!important;mix-blend-mode:multiply!important}
html[data-theme="light"] .top{background:linear-gradient(to bottom,rgba(232,239,236,.98),rgba(232,239,236,.88),rgba(232,239,236,.18),transparent)!important}
html[data-theme="light"] .brand,html[data-theme="light"] .brandtext{color:#10251d!important}
html[data-theme="light"] .brandmark{border-color:rgba(0,139,112,.34)!important}
html[data-theme="light"] .navlinks{color:#526a60!important}
html[data-theme="light"] .navlinks a:hover{color:#10251d!important}
html[data-theme="light"] .nav-secondary{color:#24483b!important;border-color:rgba(17,51,39,.18)!important;background:rgba(255,255,255,.34)!important}
html[data-theme="light"] .nav-secondary:hover{color:#10251d!important;border-color:rgba(0,139,112,.34)!important;background:rgba(0,139,112,.07)!important}
html[data-theme="light"] .account{color:#075c4b!important;border-color:rgba(0,139,112,.28)!important;background:rgba(0,139,112,.075)!important}

html[data-theme="light"] .hero-topline{color:#00765f!important}
html[data-theme="light"] .hero h1{color:#10251d!important}
html[data-theme="light"] .hero h1 .dim{color:#b9c9c2!important}
html[data-theme="light"] .hero-bottom strong{color:#183d30!important}
html[data-theme="light"] .enter{color:#00765f!important}
html[data-theme="light"] .enter i{border-color:rgba(0,139,112,.34)!important}

html[data-theme="light"] .copy-panel{border-color:rgba(17,51,39,.12)!important}
html[data-theme="light"] .step .num,html[data-theme="light"] .step h2 span{color:#008b70!important}
html[data-theme="light"] .step h2{color:#10251d!important}
html[data-theme="light"] .step .mini{color:#587066!important;border-color:rgba(0,139,112,.32)!important}
html[data-theme="light"] .progress{background:rgba(17,51,39,.13)!important}
html[data-theme="light"] .progress-label{color:#5d756b!important}
html[data-theme="light"] .lab:before{background:radial-gradient(circle at 52% 50%,rgba(0,139,112,.10),transparent 32%)!important}
html[data-theme="light"] .hud-top,html[data-theme="light"] .status-pill{color:#00765f!important}
html[data-theme="light"] .hud-corner{border-color:rgba(17,51,39,.72)!important}

html[data-theme="light"] .payoff-kicker{color:#00765f!important}
html[data-theme="light"] .payoff h2,html[data-theme="light"] .section-head h2,html[data-theme="light"] .messenger-head h2,html[data-theme="light"] .final h2{color:#10251d!important}
html[data-theme="light"] .payoff-card,html[data-theme="light"] .row,html[data-theme="light"] .plan,html[data-theme="light"] .messenger-point{background:rgba(255,255,255,.42)!important;border-color:rgba(17,51,39,.14)!important;color:#10251d!important}
html[data-theme="light"] .payoff-card h3,html[data-theme="light"] .row h3,html[data-theme="light"] .messenger-point h3{color:#10251d!important}
html[data-theme="light"] .row b,html[data-theme="light"] .messenger-point b{color:#00765f!important}

html[data-theme="light"] .messenger-window{background:linear-gradient(145deg,rgba(0,139,112,.075),transparent 34%),rgba(247,250,248,.94)!important;border-color:rgba(0,139,112,.25)!important;box-shadow:0 30px 80px rgba(29,65,52,.14)!important;color:#10251d!important}
html[data-theme="light"] .msg-side{background:rgba(232,239,236,.72)!important;border-color:rgba(17,51,39,.13)!important}
html[data-theme="light"] .msg-brand,html[data-theme="light"] .msg-top strong,html[data-theme="light"] .msg-friend strong{color:#173d30!important}
html[data-theme="light"] .msg-mark{color:#00765f!important;border-color:rgba(0,139,112,.34)!important;background:rgba(255,255,255,.48)!important}
html[data-theme="light"] .msg-add{color:#155343!important;border-color:rgba(0,139,112,.28)!important;background:rgba(0,139,112,.065)!important}
html[data-theme="light"] .msg-label{color:#60786e!important}
html[data-theme="light"] .msg-friend{background:rgba(255,255,255,.55)!important;border-color:rgba(17,51,39,.13)!important}
html[data-theme="light"] .msg-avatar{background:#dce9e3!important;color:#00765f!important}
html[data-theme="light"] .msg-secure{color:#00765f!important}
html[data-theme="light"] .msg-top,html[data-theme="light"] .msg-compose{border-color:rgba(17,51,39,.13)!important}
html[data-theme="light"] .msg-bubble{color:#173d30!important;border-color:rgba(17,51,39,.14)!important;box-shadow:0 8px 24px rgba(29,65,52,.06)!important}
html[data-theme="light"] .msg-bubble.in{background:#f7faf8!important}
html[data-theme="light"] .msg-bubble.out{background:#dcefe8!important;border-color:rgba(0,139,112,.20)!important}
html[data-theme="light"] .msg-ttl{color:#00765f!important}
html[data-theme="light"] .msg-input{background:#f7faf8!important;color:#60786e!important;border-color:rgba(17,51,39,.15)!important}
html[data-theme="light"] .msg-send{background:#dcefe8!important;color:#075c4b!important;border-color:rgba(0,139,112,.28)!important}

html[data-theme="light"] .plan small,html[data-theme="light"] .price span{color:#587066!important}
html[data-theme="light"] .price{color:#10251d!important}
html[data-theme="light"] .btn{color:#173d30!important;border-color:rgba(17,51,39,.18)!important}
html[data-theme="light"] .featured .btn,html[data-theme="light"] .final .btn.primary{background:#008b70!important;color:#fff!important;border-color:#008b70!important}
html[data-theme="light"] .final .btn:not(.primary){background:#f7faf8!important;color:#173d30!important}
html[data-theme="light"] .footer{color:#587066!important;border-color:rgba(17,51,39,.14)!important}

@media(max-width:720px){
  .nav-secondary{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;padding:10px 12px;font-size:.66rem}
  .nav-actions .account{display:none}
  .nav-actions{gap:8px!important}
}
@media(max-width:390px){
  .nav{padding-inline:12px!important}
  .brand{gap:8px!important}.brandmark{width:28px;height:28px}.brandmark:before{inset:6px}.brandmark:after{left:11px;top:11px}
  .brandtext{font-size:.72rem!important}
  .nav-secondary{padding:9px 10px;font-size:.61rem}
}


/* ===== CREATE ACCOUNT LIGHT CONTRAST 2026-09-20 ===== */
/* Color/contrast only — no layout, sizing or responsive changes. */

html[data-theme="light"] .signup-shell{
  color:var(--crypted-ink)!important;
  border-color:var(--crypted-line)!important;
}

html[data-theme="light"] .steps{
  border-color:var(--crypted-line)!important;
  background:rgba(17,51,39,.025)!important;
}

html[data-theme="light"] .step{
  color:#667d73!important;
}

html[data-theme="light"] .step.active{
  color:#173d30!important;
}

html[data-theme="light"] .step-num{
  border-color:rgba(17,51,39,.18)!important;
}

html[data-theme="light"] .step.active .step-num{
  color:#008b70!important;
  border-color:rgba(0,139,112,.42)!important;
}

html[data-theme="light"] .step small{
  color:#758980!important;
}

html[data-theme="light"] .step.active small{
  color:#587066!important;
}

html[data-theme="light"] .panel-head span,
html[data-theme="light"] .payment-title small,
html[data-theme="light"] .crypto-status{
  color:#00765f!important;
}

html[data-theme="light"] .panel-head h2,
html[data-theme="light"] .payment-title h3{
  color:#10251d!important;
}

html[data-theme="light"] .field-label{
  color:#36584b!important;
}

html[data-theme="light"] .username-box{
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(17,51,39,.15)!important;
}

html[data-theme="light"] .username-box input{
  color:#10251d!important;
}

html[data-theme="light"] .username-box span{
  color:#008b70!important;
}

html[data-theme="light"] .availability{
  color:#587066!important;
}

html[data-theme="light"] .plan{
  color:#10251d!important;
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(17,51,39,.15)!important;
}

html[data-theme="light"] .plan small{
  color:#397064!important;
}

html[data-theme="light"] .plan span{
  color:#587066!important;
}

html[data-theme="light"] .plan.selected{
  background:rgba(0,139,112,.075)!important;
  border-color:rgba(0,139,112,.42)!important;
}

html[data-theme="light"] .security-strip{
  color:#4e685e!important;
  background:rgba(0,139,112,.035)!important;
  border-color:rgba(0,139,112,.13)!important;
}

html[data-theme="light"] .privacy-note{
  color:#587066!important;
}

html[data-theme="light"] .continue{
  background:#008b70!important;
  color:#ffffff!important;
}

html[data-theme="light"] .continue:disabled{
  background:#94cfc0!important;
  color:#48685e!important;
  opacity:1!important;
}

html[data-theme="light"] .payment-method{
  color:#10251d!important;
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(17,51,39,.15)!important;
}

html[data-theme="light"] .payment-method span,
html[data-theme="light"] .crypto-row small,
html[data-theme="light"] .crypto-warning{
  color:#587066!important;
}

html[data-theme="light"] .crypto-value{
  color:#173d30!important;
  background:rgba(17,51,39,.055)!important;
}

/* ===== HOME VAULT LIGHT AMBER GLOW 2026-09-20 ===== */
/* Central atmosphere only. No geometry/layout changes. */
html[data-theme="light"] .lab:before{
  background:
    radial-gradient(
      circle at 52% 50%,
      rgba(255,171,92,.095),
      rgba(255,171,92,.035) 18%,
      transparent 32%
    ) !important;
}