/* Life account themes v5.81 */

/* ---------- Theme picker ---------- */

#passwordModal .capture-modal {
  width: min(820px, calc(100vw - 28px));
  max-height: 92vh;
  overflow-y: auto;
}

.account-theme-section {
  margin: 20px 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: color-mix(in srgb, var(--surface-soft) 75%, white);
}

.account-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 15px;
}

.account-section-heading h3,
.account-password-section h3 {
  margin: 0 0 4px;
  font-size: 14px;
}

.account-section-heading p,
.account-password-section p {
  margin: 0;
}

#selectedThemeName {
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--primary-dark);
  background: var(--primary-soft);
  font-size: 10px;
  font-weight: 900;
}

.theme-picker {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 9px;
}

.theme-picker > button {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 8px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  color: var(--text);
  text-align: right;
  cursor: pointer;
  transition:
    transform .18s,
    border-color .18s,
    box-shadow .18s;
}

.theme-picker > button:hover {
  transform: translateY(-2px);
  box-shadow: 0 9px 20px rgba(20,50,80,.12);
}

.theme-picker > button.is-selected {
  border-color: var(--primary);
  box-shadow:
    0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent),
    0 9px 22px rgba(20,50,80,.13);
}

.theme-picker > button.is-selected::after {
  content: "✓";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: var(--primary);
  font-size: 10px;
  font-weight: 900;
}

.theme-picker strong {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.theme-picker small {
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.theme-preview {
  height: 38px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  overflow: hidden;
  border-radius: 9px;
}

.theme-preview i:nth-child(1) { background: var(--preview-1); }
.theme-preview i:nth-child(2) { background: var(--preview-2); }
.theme-preview i:nth-child(3) { background: var(--preview-3); }
.theme-preview i:nth-child(4) { background: var(--preview-4); }

.spring-preview {
  --preview-1:#43aa5d;
  --preview-2:#f284b6;
  --preview-3:#86dcb2;
  --preview-4:#ffd166;
}

.summer-preview {
  --preview-1:#118ab2;
  --preview-2:#ffd166;
  --preview-3:#ff7b00;
  --preview-4:#06d6a0;
}

.autumn-preview {
  --preview-1:#bc4b28;
  --preview-2:#f28f3b;
  --preview-3:#d4a72c;
  --preview-4:#606c38;
}

.winter-preview {
  --preview-1:#277da1;
  --preview-2:#90e0ef;
  --preview-3:#577590;
  --preview-4:#e0fbfc;
}

.sunshine-preview {
  --preview-1:#ffd43b;
  --preview-2:#ff7a00;
  --preview-3:#20c875;
  --preview-4:#1687ff;
}

.ocean-preview {
  --preview-1:#023e8a;
  --preview-2:#0077b6;
  --preview-3:#00b4d8;
  --preview-4:#90e0ef;
}

.forest-preview {
  --preview-1:#1b4332;
  --preview-2:#2d6a4f;
  --preview-3:#52b788;
  --preview-4:#d4a373;
}

.sunset-preview {
  --preview-1:#6a4c93;
  --preview-2:#ff595e;
  --preview-3:#ff924c;
  --preview-4:#ffca3a;
}

.candy-preview {
  --preview-1:#ff4d9d;
  --preview-2:#9b5de5;
  --preview-3:#00bbf9;
  --preview-4:#fee440;
}

.neon-preview {
  --preview-1:#00f5ff;
  --preview-2:#72ff00;
  --preview-3:#ff00a8;
  --preview-4:#ffe600;
}

.account-connections-button {
  margin-bottom: 20px;
}

.account-password-section {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

/* ---------- Theme definitions ---------- */

body[data-theme="spring"] {
  --t1:#43aa5d;
  --t2:#f284b6;
  --t3:#19a974;
  --t4:#ffd166;
  --theme-bg:#fff8fb;
  --theme-surface:rgba(255,255,255,.94);
  --theme-soft:#f3eafa;
  --theme-text:#29433a;
  --theme-muted:#728078;
  --theme-line:rgba(67,170,93,.20);
  --theme-shadow:rgba(62,126,86,.14);
}

body[data-theme="summer"] {
  --t1:#118ab2;
  --t2:#ffd166;
  --t3:#ff7b00;
  --t4:#06d6a0;
  --theme-bg:#f4fcff;
  --theme-surface:rgba(255,255,255,.94);
  --theme-soft:#e1f8ff;
  --theme-text:#163b52;
  --theme-muted:#67808d;
  --theme-line:rgba(17,138,178,.20);
  --theme-shadow:rgba(8,112,154,.15);
}

body[data-theme="autumn"] {
  --t1:#bc4b28;
  --t2:#f28f3b;
  --t3:#d4a72c;
  --t4:#606c38;
  --theme-bg:#fff9ef;
  --theme-surface:rgba(255,253,247,.95);
  --theme-soft:#f8ead5;
  --theme-text:#4b3326;
  --theme-muted:#836f60;
  --theme-line:rgba(188,75,40,.20);
  --theme-shadow:rgba(125,67,35,.15);
}

body[data-theme="winter"] {
  --t1:#277da1;
  --t2:#90e0ef;
  --t3:#577590;
  --t4:#b8f2e6;
  --theme-bg:#f4fbff;
  --theme-surface:rgba(252,254,255,.95);
  --theme-soft:#e5f4fa;
  --theme-text:#253f56;
  --theme-muted:#6e8293;
  --theme-line:rgba(39,125,161,.19);
  --theme-shadow:rgba(45,100,135,.14);
}

body[data-theme="sunshine"] {
  --t1:#1687ff;
  --t2:#ff7a00;
  --t3:#20c875;
  --t4:#ffd43b;
  --theme-bg:#f6fbff;
  --theme-surface:rgba(255,255,255,.94);
  --theme-soft:#eaf5ff;
  --theme-text:#16324f;
  --theme-muted:#64788b;
  --theme-line:rgba(22,135,255,.18);
  --theme-shadow:rgba(14,100,170,.15);
}

body[data-theme="ocean"] {
  --t1:#0077b6;
  --t2:#00b4d8;
  --t3:#48cae4;
  --t4:#90e0ef;
  --theme-bg:#effbff;
  --theme-surface:rgba(250,254,255,.94);
  --theme-soft:#dff6fc;
  --theme-text:#113d55;
  --theme-muted:#648292;
  --theme-line:rgba(0,119,182,.20);
  --theme-shadow:rgba(0,92,140,.15);
}

body[data-theme="forest"] {
  --t1:#2d6a4f;
  --t2:#52b788;
  --t3:#1b4332;
  --t4:#d4a373;
  --theme-bg:#f4faf5;
  --theme-surface:rgba(252,255,252,.94);
  --theme-soft:#e2f2e7;
  --theme-text:#203d30;
  --theme-muted:#6d8176;
  --theme-line:rgba(45,106,79,.20);
  --theme-shadow:rgba(34,92,65,.14);
}

body[data-theme="sunset"] {
  --t1:#6a4c93;
  --t2:#ff595e;
  --t3:#ff924c;
  --t4:#ffca3a;
  --theme-bg:#fff6f2;
  --theme-surface:rgba(255,252,250,.94);
  --theme-soft:#fbe7e2;
  --theme-text:#4d3044;
  --theme-muted:#846c79;
  --theme-line:rgba(232,93,117,.20);
  --theme-shadow:rgba(139,67,91,.15);
}

body[data-theme="candy"] {
  --t1:#9b5de5;
  --t2:#ff4d9d;
  --t3:#00bbf9;
  --t4:#fee440;
  --theme-bg:#fff7fd;
  --theme-surface:rgba(255,255,255,.94);
  --theme-soft:#f4e9ff;
  --theme-text:#432f5a;
  --theme-muted:#7f708d;
  --theme-line:rgba(155,93,229,.20);
  --theme-shadow:rgba(118,67,173,.15);
}

body[data-theme="neon"] {
  --t1:#00f5ff;
  --t2:#72ff00;
  --t3:#ff00a8;
  --t4:#ffe600;
  --theme-bg:#090b16;
  --theme-surface:rgba(20,24,39,.94);
  --theme-soft:#1b2033;
  --theme-text:#f1fbff;
  --theme-muted:#9eabc0;
  --theme-line:rgba(0,245,255,.22);
  --theme-shadow:rgba(0,0,0,.38);
}

/* ---------- Shared theme rendering ---------- */

body[data-theme] {
  --bg:var(--theme-bg);
  --surface:var(--theme-surface);
  --surface-soft:var(--theme-soft);
  --text:var(--theme-text);
  --muted:var(--theme-muted);
  --line:var(--theme-line);
  --primary:var(--t1);
  --primary-dark:var(--t1);
  --primary-soft:color-mix(in srgb,var(--t1) 15%,white);
  --shadow:0 16px 42px var(--theme-shadow);
  color:var(--theme-text);
  background:
    radial-gradient(circle at 3% 5%,color-mix(in srgb,var(--t4) 35%,transparent),transparent 24%),
    radial-gradient(circle at 88% 3%,color-mix(in srgb,var(--t1) 25%,transparent),transparent 27%),
    radial-gradient(circle at 12% 96%,color-mix(in srgb,var(--t3) 22%,transparent),transparent 28%),
    radial-gradient(circle at 95% 90%,color-mix(in srgb,var(--t2) 22%,transparent),transparent 28%),
    var(--theme-bg);
  background-attachment:fixed;
}

body[data-theme] .sidebar {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--theme-surface) 96%,var(--t4)),
      color-mix(in srgb,var(--theme-surface) 94%,var(--t1)),
      color-mix(in srgb,var(--theme-surface) 94%,var(--t3))
    );
  border-left-color:var(--theme-line);
  box-shadow:-14px 0 44px var(--theme-shadow);
}

body[data-theme] .topbar {
  background:
    linear-gradient(
      90deg,
      var(--theme-surface),
      color-mix(in srgb,var(--theme-surface) 92%,var(--t1)),
      color-mix(in srgb,var(--theme-surface) 92%,var(--t3))
    );
  border-color:var(--theme-line);
}

body[data-theme] .brand-mark {
  color:white;
  background:linear-gradient(135deg,var(--t1),var(--t2) 38%,var(--t3) 70%,var(--t4));
  box-shadow:0 10px 25px color-mix(in srgb,var(--t1) 30%,transparent);
}

body[data-theme] .brand strong,
body[data-theme] .page-heading h1 {
  background:linear-gradient(90deg,var(--t1),var(--t3) 52%,var(--t2));
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}

body[data-theme] .eyebrow {
  color:var(--t2);
}

body[data-theme] .nav-item {
  color:var(--theme-muted);
}

body[data-theme] .nav-item:hover {
  color:var(--t1);
  background:color-mix(in srgb,var(--t1) 11%,transparent);
}

body[data-theme] .nav-item.active {
  color:white;
  background:linear-gradient(120deg,var(--t1),var(--t3));
  box-shadow:0 10px 25px color-mix(in srgb,var(--t1) 30%,transparent);
}

body[data-theme] .nav-badge {
  color:var(--theme-text);
  background:linear-gradient(135deg,var(--t4),var(--t2));
}

body[data-theme] .panel,
body[data-theme] .objective-card,
body[data-theme] .task-page-card,
body[data-theme] .shopping-catalog-category,
body[data-theme] .shopping-selected-panel,
body[data-theme] .shopping-buying-view .shopping-main,
body[data-theme] .shopping-history-view .shopping-main,
body[data-theme] .capture-modal,
body[data-theme] .auth-card {
  color:var(--theme-text);
  background:var(--theme-surface);
  border-color:var(--theme-line);
  box-shadow:var(--shadow);
}

body[data-theme] .panel::before {
  background:linear-gradient(
    135deg,
    color-mix(in srgb,var(--t4) 30%,transparent),
    color-mix(in srgb,var(--t3) 16%,transparent)
  );
}

body[data-theme] .panel:nth-child(4n+1) { border-top-color:var(--t1); }
body[data-theme] .panel:nth-child(4n+2) { border-top-color:var(--t2); }
body[data-theme] .panel:nth-child(4n+3) { border-top-color:var(--t3); }
body[data-theme] .panel:nth-child(4n) { border-top-color:var(--t4); }

body[data-theme] .panel-title h2 {
  color:var(--theme-text);
}

body[data-theme] .primary-button {
  color:white;
  background:linear-gradient(115deg,var(--t2),var(--t1));
  box-shadow:0 10px 24px color-mix(in srgb,var(--t1) 28%,transparent);
}

body[data-theme] .primary-button:hover {
  background:linear-gradient(115deg,var(--t1),var(--t3));
  filter:saturate(1.14);
}

body[data-theme] .secondary-button {
  color:var(--t1);
  background:linear-gradient(
    135deg,
    color-mix(in srgb,var(--t1) 15%,white),
    color-mix(in srgb,var(--t3) 14%,white)
  );
  border-color:var(--theme-line);
}

body[data-theme] .secondary-button:hover {
  color:white;
  background:linear-gradient(120deg,var(--t1),var(--t3));
}

body[data-theme] input,
body[data-theme] select,
body[data-theme] textarea,
body[data-theme] .shopping-catalog-item {
  color:var(--theme-text);
  background:color-mix(in srgb,var(--theme-surface) 88%,var(--theme-soft));
  border-color:var(--theme-line);
}

body[data-theme] input:focus,
body[data-theme] select:focus,
body[data-theme] textarea:focus {
  border-color:var(--t1);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--t1) 14%,transparent);
}

body[data-theme] .focus-card {
  color:var(--theme-text);
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.45),transparent 25%),
    linear-gradient(
      125deg,
      color-mix(in srgb,var(--t4) 30%,var(--theme-surface)),
      color-mix(in srgb,var(--t1) 20%,var(--theme-surface)) 52%,
      color-mix(in srgb,var(--t3) 22%,var(--theme-surface))
    );
}

body[data-theme] .next-card {
  color:white;
  background:linear-gradient(125deg,var(--t1),var(--t3));
  box-shadow:0 18px 42px color-mix(in srgb,var(--t1) 30%,transparent);
}

body[data-theme] .progress {
  background:color-mix(in srgb,var(--t1) 13%,transparent);
}

body[data-theme] .progress i {
  background:linear-gradient(90deg,var(--t1),var(--t3),var(--t4),var(--t2));
}

body[data-theme] .task-page-card,
body[data-theme] .objective-card {
  border-right-color:var(--t1);
}

body[data-theme] .task-page-card:nth-child(4n+2),
body[data-theme] .objective-card:nth-child(4n+2) {
  border-right-color:var(--t2);
}

body[data-theme] .task-page-card:nth-child(4n+3),
body[data-theme] .objective-card:nth-child(4n+3) {
  border-right-color:var(--t3);
}

body[data-theme] .task-page-card:nth-child(4n),
body[data-theme] .objective-card:nth-child(4n) {
  border-right-color:var(--t4);
}

body[data-theme] .shopping-view-tabs {
  background:linear-gradient(
    90deg,
    color-mix(in srgb,var(--t4) 20%,transparent),
    color-mix(in srgb,var(--t3) 14%,transparent),
    color-mix(in srgb,var(--t1) 14%,transparent)
  );
}

body[data-theme] .shopping-view-tabs button.active {
  color:white;
  background:linear-gradient(120deg,var(--t1),var(--t3));
}

body[data-theme] .shopping-shared-header {
  color:var(--theme-text);
  background:linear-gradient(
    120deg,
    color-mix(in srgb,var(--t4) 35%,var(--theme-surface)),
    color-mix(in srgb,var(--t1) 18%,var(--theme-surface)),
    color-mix(in srgb,var(--t3) 20%,var(--theme-surface))
  );
}

body[data-theme] .shopping-catalog-category:nth-child(4n+1) {
  background:color-mix(in srgb,var(--t1) 13%,var(--theme-surface));
  border-top-color:var(--t1);
}

body[data-theme] .shopping-catalog-category:nth-child(4n+2) {
  background:color-mix(in srgb,var(--t2) 14%,var(--theme-surface));
  border-top-color:var(--t2);
}

body[data-theme] .shopping-catalog-category:nth-child(4n+3) {
  background:color-mix(in srgb,var(--t3) 13%,var(--theme-surface));
  border-top-color:var(--t3);
}

body[data-theme] .shopping-catalog-category:nth-child(4n) {
  background:color-mix(in srgb,var(--t4) 15%,var(--theme-surface));
  border-top-color:var(--t4);
}

body[data-theme] .shopping-catalog-item.is-selected {
  color:var(--theme-text);
  background:linear-gradient(
    125deg,
    color-mix(in srgb,var(--t1) 20%,var(--theme-surface)),
    color-mix(in srgb,var(--t3) 18%,var(--theme-surface))
  );
  border-color:var(--t1);
}

body[data-theme] .shopping-active-item.is-urgent {
  color:var(--theme-text);
  background:linear-gradient(
    125deg,
    color-mix(in srgb,var(--t2) 18%,var(--theme-surface)),
    color-mix(in srgb,var(--t4) 26%,var(--theme-surface))
  );
  border-color:var(--t2);
}

body[data-theme] .task-calendar-day-header.is-today,
body[data-theme] .task-calendar-day-column.is-today {
  background:color-mix(in srgb,var(--t4) 16%,transparent);
}

body[data-theme] .task-calendar-block {
  color:var(--theme-text);
  background:linear-gradient(
    135deg,
    color-mix(in srgb,var(--t1) 20%,var(--theme-surface)),
    color-mix(in srgb,var(--t3) 18%,var(--theme-surface))
  );
  border-color:var(--t1);
}

body[data-theme] .task-calendar-block.status-in_progress {
  background:color-mix(in srgb,var(--t3) 22%,var(--theme-surface));
  border-color:var(--t3);
}

body[data-theme] .task-calendar-block.status-blocked {
  background:color-mix(in srgb,var(--t2) 22%,var(--theme-surface));
  border-color:var(--t2);
}

body[data-theme] .toast {
  color:white;
  background:linear-gradient(115deg,var(--t1),var(--t3));
}

/* Neon-specific contrast */

body[data-theme="neon"] .sidebar,
body[data-theme="neon"] .topbar {
  background:rgba(12,15,28,.94);
}

body[data-theme="neon"] .theme-picker > button {
  background:#171b2c;
}

body[data-theme="neon"] .primary-button,
body[data-theme="neon"] .nav-item.active,
body[data-theme="neon"] .next-card {
  color:#071016;
}

body[data-theme="neon"] .brand strong,
body[data-theme="neon"] .page-heading h1 {
  filter:drop-shadow(0 0 8px rgba(0,245,255,.25));
}

body[data-theme="neon"] .panel,
body[data-theme="neon"] .capture-modal {
  box-shadow:
    0 0 0 1px rgba(0,245,255,.10),
    0 18px 45px rgba(0,0,0,.40);
}

@media (max-width:720px) {
  #passwordModal .capture-modal {
    max-height:94vh;
  }

  .account-theme-section {
    padding:13px;
  }

  .theme-picker {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .theme-preview {
    height:34px;
  }
}

/* THEMED LOGIN v5.82 */

body[data-theme] .auth-screen,
body[data-theme] .auth-screen button,
body[data-theme] .auth-screen input {
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
}

body[data-theme] .auth-screen {
  color:var(--theme-text);
  background:var(--theme-bg);
}

body[data-theme] .auth-visual {
  color:white;
  background:
    radial-gradient(
      circle at 12% 14%,
      color-mix(in srgb,var(--t4) 50%,transparent),
      transparent 25%
    ),
    radial-gradient(
      circle at 88% 84%,
      color-mix(in srgb,var(--t2) 45%,transparent),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      var(--t1),
      color-mix(in srgb,var(--t1) 45%,var(--t3)) 55%,
      var(--t3)
    );
}

body[data-theme] .auth-visual::before {
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  top:-75px;
  right:-65px;
  border-radius:42% 58% 67% 33%;
  background:
    color-mix(in srgb,var(--t4) 30%,transparent);
  transform:rotate(24deg);
  pointer-events:none;
}

body[data-theme] .auth-visual::after {
  border-color:rgba(255,255,255,.20);
  box-shadow:
    0 0 0 80px rgba(255,255,255,.045),
    0 0 0 160px rgba(255,255,255,.025);
}

body[data-theme] .auth-brand .brand-mark {
  color:var(--t1);
  background:white;
  box-shadow:0 10px 27px rgba(0,0,0,.16);
}

body[data-theme] .auth-brand strong {
  color:white;
  background:none;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
  font-size:28px;
  font-weight:950;
  letter-spacing:.02em;
  -webkit-text-fill-color:initial;
}

body[data-theme] .auth-visual .eyebrow {
  color:color-mix(in srgb,var(--t4) 75%,white);
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
  font-weight:900;
}

body[data-theme] .auth-visual h1 {
  color:white;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
  font-weight:950;
  text-shadow:0 6px 25px rgba(0,0,0,.13);
}

body[data-theme] .auth-visual p,
body[data-theme] .auth-quote {
  color:rgba(255,255,255,.82);
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
}

body[data-theme] .auth-panel {
  background:
    radial-gradient(
      circle at 88% 8%,
      color-mix(in srgb,var(--t1) 16%,transparent),
      transparent 28%
    ),
    radial-gradient(
      circle at 8% 92%,
      color-mix(in srgb,var(--t4) 20%,transparent),
      transparent 30%
    ),
    var(--theme-bg);
}

body[data-theme] .auth-card {
  color:var(--theme-text);
  background:var(--theme-surface);
  border:1px solid var(--theme-line);
  box-shadow:
    0 22px 55px var(--theme-shadow),
    0 3px 10px rgba(25,55,80,.05);
}

body[data-theme] .auth-tabs {
  background:var(--theme-soft);
}

body[data-theme] .auth-tabs button {
  color:var(--theme-muted);
}

body[data-theme] .auth-tabs button.active {
  color:white;
  background:linear-gradient(
    120deg,
    var(--t1),
    var(--t3)
  );
  box-shadow:
    0 7px 18px
    color-mix(in srgb,var(--t1) 25%,transparent);
}

body[data-theme] .auth-form h2 {
  color:var(--theme-text);
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
  font-weight:950;
}

body[data-theme] .auth-form label {
  color:var(--theme-text);
}

body[data-theme] .auth-form input {
  color:var(--theme-text);
  background:
    color-mix(
      in srgb,
      var(--theme-surface) 82%,
      var(--theme-soft)
    );
  border-color:var(--theme-line);
}

body[data-theme] .auth-form input:focus {
  border-color:var(--t1);
  background:var(--theme-surface);
  box-shadow:
    0 0 0 4px
    color-mix(in srgb,var(--t1) 14%,transparent);
}

body[data-theme="neon"] .auth-visual {
  background:
    radial-gradient(
      circle at 12% 14%,
      rgba(114,255,0,.20),
      transparent 25%
    ),
    radial-gradient(
      circle at 88% 84%,
      rgba(255,0,168,.22),
      transparent 28%
    ),
    linear-gradient(145deg,#07141d,#10152b 55%,#1e0d24);
}

body[data-theme="neon"] .auth-visual h1 {
  text-shadow:
    0 0 18px rgba(0,245,255,.32);
}

body[data-theme="neon"] .auth-card {
  background:rgba(20,24,39,.96);
  box-shadow:
    0 0 0 1px rgba(0,245,255,.12),
    0 22px 60px rgba(0,0,0,.55);
}

@media(max-width:760px) {
  body[data-theme] .auth-visual {
    min-height:270px;
  }
}