:root{
  --bg0:#eef7f7;
  --bg1:#e4f3f1;
  --bg2:#f4f7f2;
  --ink:#0c1116;
  --muted:#5d6c76;
  --muted-2:#7b8a94;
  --teal:#0ea5a0;
  --teal-deep:#0b908b;
  --teal-soft:#dff2f0;
  --panel:rgba(255,255,255,.92);
  --panel-soft:rgba(255,255,255,.72);
  --stroke:rgba(12,17,22,.10);
  --stroke-strong:rgba(12,17,22,.14);
  --shadow:0 28px 72px rgba(12,17,22,.12);
  --shadow-soft:0 14px 36px rgba(12,17,22,.08);
  --r:28px;
  --r-md:20px;
  --focus:0 0 0 4px rgba(14,165,160,.14);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--ink);
  font:16px/1.58 "Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1100px 650px at 10% 8%, rgba(14,165,160,.18), transparent 56%),
    radial-gradient(900px 560px at 94% 0%, rgba(246,180,60,.11), transparent 52%),
    linear-gradient(180deg,var(--bg1) 0%, var(--bg0) 62%, var(--bg2) 100%);
  background-repeat:no-repeat;
}
.wrap{max-width:1120px;margin:0 auto;padding:40px 20px 54px}
.top{display:flex;align-items:center;justify-content:center;margin-top:4px;margin-bottom:22px}
.logo{height:42px;width:auto;max-width:240px;display:block;object-fit:contain}
.card{
  max-width:560px;
  margin:0 auto;
  background:var(--panel);
  border:1px solid var(--stroke);
  border-radius:var(--r);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.card.wide{max-width:1120px}
.head{
  padding:30px 30px 16px;
  background:linear-gradient(135deg, rgba(226,242,241,.88), rgba(245,247,241,.92));
  border-bottom:1px solid rgba(12,17,22,.06);
}
h1{margin:0;font-family:"Fraunces",serif;font-weight:700;font-size:34px;line-height:1.08;letter-spacing:-.02em}
.sub{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.body{padding:26px 30px 30px}
.msg{
  border-radius:16px;
  padding:13px 15px;
  margin:0 0 14px;
  border:1px solid rgba(12,17,22,.10);
  background:rgba(255,255,255,.8);
  color:#24343c;
}
.msg.err{border-color:rgba(220,38,38,.24);background:rgba(220,38,38,.05)}
label{display:block;font-weight:700;font-size:12px;letter-spacing:.02em;margin:16px 0 7px;color:#31424b}
input[type="email"],input[type="password"],input[type="text"]{
  width:100%;
  height:52px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(12,17,22,.12);
  background:rgba(246,250,249,.94);
  color:var(--ink);
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
input.code{text-transform:uppercase;letter-spacing:.2px}
input:focus{box-shadow:var(--focus);border-color:rgba(14,165,160,.42);background:#fff}
.row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;flex-wrap:wrap}
.chk{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.chk input{width:16px;height:16px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 22px;
  border-radius:16px;
  border:1px solid rgba(14,165,160,.28);
  background:linear-gradient(180deg,#12a8a2 0%, #0e9691 100%);
  color:#fff;
  font-weight:700;
  font-size:15px;
  text-decoration:none;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(14,165,160,.16);
  transition:transform .12s ease, box-shadow .18s ease, filter .18s ease;
}
.btn:hover{transform:translateY(-1px);filter:saturate(1.02);box-shadow:0 16px 34px rgba(14,165,160,.18)}
.btn:active{transform:translateY(0)}
.btn.primary{color:#fff}
.btn.secondary{
  background:rgba(255,255,255,.92);
  color:#1a2a33;
  border-color:rgba(12,17,22,.12);
  box-shadow:none;
}
.btn.secondary:hover{background:#fff;color:#16232c;border-color:rgba(12,17,22,.18);box-shadow:0 10px 24px rgba(12,17,22,.08)}
.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:13px}
.links a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(93,108,118,.22)}
.links a:hover{color:#1b2b34;border-bottom-color:rgba(27,43,52,.46)}
.foot{padding:16px 30px 24px;color:rgba(93,108,118,.88);font-size:12px}

/* Login story panel */
.auth-story{
  position:relative;
  display:grid;
  gap:20px;
  align-content:start;
}
.auth-story--login{
  padding:28px;
  border-radius:26px;
  border:1px solid rgba(14,165,160,.12);
  background:
    radial-gradient(420px 220px at 8% 0%, rgba(14,165,160,.10), transparent 68%),
    linear-gradient(145deg, rgba(232,245,243,.92) 0%, rgba(245,247,241,.90) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48);
}
.auth-story-brandmark{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(14,165,160,.14);
  color:#2f444d;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.auth-story-brandmark-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(180deg,#14b2ac 0%, #0d8d88 100%);
  box-shadow:0 0 0 4px rgba(14,165,160,.12);
}
.auth-story-media{
  display:grid;
  gap:16px;
}
.auth-story-visual{
  position:relative;
  display:grid;
  place-items:center;
  min-height:260px;
  border-radius:24px;
  border:1px solid rgba(14,165,160,.12);
  background:
    linear-gradient(160deg, rgba(222,243,241,.88) 0%, rgba(247,248,242,.96) 100%);
  overflow:hidden;
}
.auth-story-visual::before{
  content:"";
  position:absolute;
  inset:auto -10% -18% auto;
  width:240px;
  height:240px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(246,180,60,.16), transparent 68%);
  pointer-events:none;
}
.auth-story-visual img{
  position:relative;
  z-index:1;
  width:min(300px, 88%);
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(12,17,22,.10));
}
.auth-story-emoji{
  position:absolute;
  right:18px;
  bottom:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(14,165,160,.14);
  box-shadow:0 10px 22px rgba(12,17,22,.08);
  font-size:22px;
}
.auth-story-copy{display:grid;gap:10px}
.auth-story-eyebrow{
  color:#56717d;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.auth-story-sub{max-width:48ch}
.auth-story-points{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.auth-story-point{
  display:grid;
  gap:6px;
  padding:16px 16px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(12,17,22,.08);
  box-shadow:0 8px 20px rgba(12,17,22,.04);
}
.auth-story-point strong{
  color:#22343d;
  font-size:14px;
  font-weight:700;
}
.auth-story-point span{
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

/* Shared auth surfaces if login page uses split layout */
.auth-shell,
.auth-layout,
.auth-grid{
  display:grid;
  gap:28px;
}

/* Content helpers (legal / info pages) */
.content{color:var(--ink)}
.content h2{margin:18px 0 6px;font-family:"Fraunces",serif;font-size:18px;letter-spacing:.2px}
.content h3{margin:14px 0 6px;font-size:14px}
.content p{margin:0 0 10px;color:rgba(75,90,102,.95)}
.content ul{margin:8px 0 12px 18px;color:rgba(75,90,102,.95)}
.content li{margin:6px 0}

/* Steps (used on vermisst pages) */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps li{
  display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:flex-start;
  padding:12px;border-radius:14px;border:1px solid rgba(12,17,22,.10);background:rgba(255,255,255,.72)
}
.n{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--teal)}
.steps strong{display:block;margin-bottom:2px;font-size:15px;color:var(--ink)}
.steps span{color:var(--muted);font-size:14px}

html[data-theme="dark"] body{
  color:#edf6f4;
  background:
    radial-gradient(1100px 650px at 10% 8%, rgba(14,165,160,.14), transparent 56%),
    radial-gradient(900px 560px at 94% 0%, rgba(246,180,60,.08), transparent 52%),
    linear-gradient(180deg,#172328 0%, #10191f 64%, #10181d 100%);
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .auth-story--login{
  background:rgba(21,30,36,.92);
  border-color:rgba(132,188,190,.16);
  box-shadow:0 26px 72px rgba(0,0,0,.34);
}
html[data-theme="dark"] .head{
  background:linear-gradient(135deg, rgba(24,38,44,.94), rgba(28,34,37,.92));
  border-bottom-color:rgba(132,188,190,.10);
}
html[data-theme="dark"] .sub,
html[data-theme="dark"] .auth-story-sub,
html[data-theme="dark"] .links,
html[data-theme="dark"] .links a,
html[data-theme="dark"] .foot,
html[data-theme="dark"] .msg,
html[data-theme="dark"] .content p,
html[data-theme="dark"] .content ul,
html[data-theme="dark"] .steps span{
  color:#95acab;
}
html[data-theme="dark"] label,
html[data-theme="dark"] .auth-story-point strong,
html[data-theme="dark"] .steps strong,
html[data-theme="dark"] .content,
html[data-theme="dark"] h1{
  color:#edf6f4;
}
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="text"]{
  background:rgba(13,21,25,.94);
  border-color:rgba(132,188,190,.14);
  color:#edf6f4;
}
html[data-theme="dark"] input:focus{border-color:rgba(14,165,160,.44);box-shadow:0 0 0 4px rgba(14,165,160,.12)}
html[data-theme="dark"] .msg{background:rgba(255,255,255,.03);border-color:rgba(132,188,190,.12)}
html[data-theme="dark"] .btn{
  background:linear-gradient(180deg,#11a19b 0%, #0b8984 100%);
  border-color:rgba(14,165,160,.24);
  box-shadow:none;
}
html[data-theme="dark"] .btn:hover{box-shadow:none;filter:brightness(1.03)}
html[data-theme="dark"] .btn.secondary{
  background:rgba(255,255,255,.04);
  color:#edf6f4;
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-story-brandmark,
html[data-theme="dark"] .auth-story-point,
html[data-theme="dark"] .auth-story-emoji{
  background:rgba(255,255,255,.04);
  border-color:rgba(132,188,190,.14);
  color:#edf6f4;
}
html[data-theme="dark"] .auth-story-brandmark-text,
html[data-theme="dark"] .auth-story-eyebrow{color:#a8bfbe}
html[data-theme="dark"] .auth-story-visual{
  background:linear-gradient(160deg, rgba(17,28,34,.96) 0%, rgba(24,34,38,.96) 100%);
  border-color:rgba(132,188,190,.12);
}
html[data-theme="dark"] .auth-story-visual img{filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))}
html[data-theme="dark"] .auth-story-point span{color:#95acab}
html[data-theme="dark"] .links a{border-bottom-color:rgba(149,172,171,.22)}
html[data-theme="dark"] .links a:hover{color:#edf6f4;border-bottom-color:rgba(237,246,244,.32)}

@media (max-width:860px){
  .wrap{padding:28px 16px 40px}
  .head,.body,.foot{padding-left:22px;padding-right:22px}
  .card.wide{max-width:760px}
  .auth-story--login{padding:22px}
  .auth-story-visual{min-height:220px}
}
@media (max-width:720px){
  .head,.body,.foot{padding:20px}
  h1{font-size:28px}
  .btn{width:100%}
  .auth-story-points{grid-template-columns:1fr}
}


/* RIVAID patch 2026-04-13b – sichtbarer Login-Rebuild nur für public/index.php */
.auth-main{
  min-height:calc(100vh - 48px);
  display:flex;
  align-items:center;
}
.auth-shell--login{
  width:100%;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:0;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(12,17,22,.08);
  border-radius:32px;
  box-shadow:0 30px 72px rgba(12,17,22,.10);
  overflow:hidden;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.auth-login .auth-story--login{
  min-height:680px;
  padding:26px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:
    radial-gradient(520px 260px at 0% 0%, rgba(14,165,160,.12), transparent 68%),
    linear-gradient(180deg, rgba(239,248,247,.96) 0%, rgba(248,248,243,.96) 100%);
}
.auth-login .auth-story-media{gap:18px}
.auth-login .auth-story-brandmark{
  align-self:flex-start;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#53666f;
  font-size:14px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
.auth-login .auth-story-brandmark-dot{display:none}
.auth-login .auth-story-visual{
  min-height:224px;
  border-radius:22px;
  border:1px solid rgba(14,165,160,.10);
  background:
    linear-gradient(145deg, rgba(226,244,242,.92) 0%, rgba(244,247,239,.96) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.auth-login .auth-story-visual img{display:none}
.auth-login .auth-story-visual::before{
  content:"";
  position:absolute;
  left:32px;
  top:34px;
  width:58%;
  height:56%;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.48)),
    linear-gradient(180deg, rgba(14,165,160,.06), rgba(14,165,160,0));
  border:1px solid rgba(14,165,160,.10);
  box-shadow:0 14px 28px rgba(12,17,22,.06);
}
.auth-login .auth-story-visual::after{
  content:"";
  position:absolute;
  right:34px;
  bottom:26px;
  width:34%;
  height:30%;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,249,244,.92));
  border:1px solid rgba(14,165,160,.12);
  box-shadow:0 12px 24px rgba(12,17,22,.05);
}
.auth-login .auth-story-emoji{
  right:26px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  width:72px;
  height:72px;
  border-radius:22px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(14,165,160,.14);
  box-shadow:0 16px 30px rgba(12,17,22,.08);
  font-size:34px;
}
.auth-login .auth-story-copy{
  gap:14px;
  padding-top:6px;
}
.auth-login .auth-story-eyebrow{display:none}
.auth-login .auth-story-copy h1{
  margin:0;
  max-width:8.5ch;
  font-size:clamp(48px, 4.2vw, 68px);
  line-height:.98;
  letter-spacing:-.04em;
}
.auth-login .auth-story-sub{
  max-width:40ch;
  margin:0;
  font-size:18px;
  line-height:1.7;
  color:#61757e;
}
.auth-login .auth-story-points{
  margin-top:auto;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.auth-login .auth-story-point{
  padding:18px 18px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(12,17,22,.08);
  box-shadow:none;
}
.auth-login .auth-story-point strong{font-size:16px}
.auth-login .auth-story-point span{font-size:14px}
.auth-login .auth-panel--login{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 38px 34px;
  background:rgba(255,255,255,.90);
  border-left:1px solid rgba(12,17,22,.07);
}
.auth-login .auth-panel-head{
  display:grid;
  gap:10px;
  margin-bottom:22px;
}
.auth-login .auth-panel-head h2{
  margin:0;
  font-family:"Fraunces",serif;
  font-size:50px;
  line-height:1;
  letter-spacing:-.03em;
}
.auth-login .auth-panel-head .sub{
  margin:0;
  max-width:34ch;
  font-size:17px;
  line-height:1.65;
  color:#61757e;
}
.auth-login .auth-form--login{
  display:grid;
  gap:18px;
}
.auth-login .auth-status-stack{
  display:grid;
  gap:10px;
}
.auth-login .auth-field-grid{
  display:grid;
  gap:16px;
}
.auth-login .auth-field{
  display:grid;
  gap:8px;
}
.auth-login .auth-form--login label{
  margin:0;
  color:#31424b;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.auth-login .auth-form--login input[type="email"],
.auth-login .auth-form--login input[type="password"]{
  height:58px;
  padding:0 18px;
  border-radius:18px;
  background:#f5faf9;
  border-color:rgba(12,17,22,.10);
  font-size:15px;
}
.auth-login .auth-form--login input:focus{
  background:#fff;
  border-color:rgba(14,165,160,.32);
  box-shadow:0 0 0 4px rgba(14,165,160,.10);
}
.auth-login .auth-actions--login{
  margin-top:2px;
}
.auth-login .auth-actions--login .btn{
  width:100%;
  min-height:56px;
  border-radius:18px;
  font-size:16px;
  box-shadow:0 14px 30px rgba(14,165,160,.18);
}
.auth-login .auth-links--login{
  display:grid;
  gap:10px;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid rgba(12,17,22,.08);
}
.auth-login .auth-links--login a{
  display:inline-flex;
  width:fit-content;
  font-size:14px;
  color:#425761;
  border-bottom-color:rgba(66,87,97,.20);
}
.auth-login .auth-foot--login{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(12,17,22,.08);
  color:#70828b;
  font-size:13px;
  line-height:1.65;
}
.auth-login .auth-foot--login a{
  color:#0b8f8a;
  font-weight:700;
  text-decoration:none;
}
.auth-login .auth-foot--login a:hover{text-decoration:underline}
.auth-login .msg{
  margin:0;
  border-radius:16px;
  padding:14px 16px;
  background:#f8fbfb;
  border-color:rgba(12,17,22,.08);
}
.auth-login .msg.err{
  background:rgba(220,38,38,.05);
  border-color:rgba(220,38,38,.16);
}
html[data-theme="dark"] .auth-shell--login{
  background:rgba(21,30,36,.82);
  border-color:rgba(132,188,190,.14);
  box-shadow:0 28px 72px rgba(0,0,0,.36);
}
html[data-theme="dark"] .auth-login .auth-story--login{
  background:
    radial-gradient(520px 260px at 0% 0%, rgba(14,165,160,.12), transparent 68%),
    linear-gradient(180deg, rgba(21,31,36,.96) 0%, rgba(19,28,33,.96) 100%);
}
html[data-theme="dark"] .auth-login .auth-story-brandmark{color:#8ea6a7}
html[data-theme="dark"] .auth-login .auth-story-visual{
  background:linear-gradient(160deg, rgba(25,40,46,.94) 0%, rgba(20,30,36,.98) 100%);
  border-color:rgba(132,188,190,.16);
  box-shadow:none;
}
html[data-theme="dark"] .auth-login .auth-story-visual::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)),
    linear-gradient(180deg, rgba(14,165,160,.08), rgba(14,165,160,0));
  border-color:rgba(132,188,190,.14);
  box-shadow:none;
}
html[data-theme="dark"] .auth-login .auth-story-visual::after{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-color:rgba(132,188,190,.14);
  box-shadow:none;
}
html[data-theme="dark"] .auth-login .auth-story-emoji{
  background:rgba(255,255,255,.05);
  border-color:rgba(132,188,190,.14);
  box-shadow:none;
}
html[data-theme="dark"] .auth-login .auth-story-copy h1,
html[data-theme="dark"] .auth-login .auth-panel-head h2{color:#edf6f4}
html[data-theme="dark"] .auth-login .auth-story-sub,
html[data-theme="dark"] .auth-login .auth-panel-head .sub,
html[data-theme="dark"] .auth-login .auth-foot--login,
html[data-theme="dark"] .auth-login .auth-links--login a{color:#95acab}
html[data-theme="dark"] .auth-login .auth-story-point{
  background:rgba(255,255,255,.03);
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-login .auth-panel--login{
  background:rgba(17,25,30,.92);
  border-left-color:rgba(132,188,190,.10);
}
html[data-theme="dark"] .auth-login .auth-form--login label{color:#c7d8d7}
html[data-theme="dark"] .auth-login .auth-form--login input[type="email"],
html[data-theme="dark"] .auth-login .auth-form--login input[type="password"]{
  background:rgba(12,20,24,.94);
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-login .auth-links--login,
html[data-theme="dark"] .auth-login .auth-foot--login{
  border-top-color:rgba(132,188,190,.12);
}
html[data-theme="dark"] .auth-login .msg{
  background:rgba(255,255,255,.03);
  border-color:rgba(132,188,190,.10);
}
html[data-theme="dark"] .auth-login .auth-actions--login .btn{
  box-shadow:none;
}
@media (max-width: 980px){
  .auth-shell--login{grid-template-columns:1fr}
  .auth-login .auth-story--login{
    min-height:auto;
    padding:22px;
    border-bottom:1px solid rgba(12,17,22,.07);
  }
  .auth-login .auth-panel--login{border-left:0}
  .auth-login .auth-story-copy h1{max-width:none;font-size:clamp(40px, 8vw, 56px)}
}
@media (max-width: 720px){
  .wrap{padding:22px 14px 30px}
  .auth-login .auth-story-visual{min-height:170px}
  .auth-login .auth-story-visual::before{left:18px;top:22px;width:62%;height:52%}
  .auth-login .auth-story-visual::after{right:18px;bottom:18px;width:36%;height:28%}
  .auth-login .auth-story-emoji{width:58px;height:58px;font-size:28px;right:18px}
  .auth-login .auth-story-points{grid-template-columns:1fr}
  .auth-login .auth-panel--login{padding:28px 20px 24px}
  .auth-login .auth-panel-head h2{font-size:40px}
}


/* RIVAID patch 2026-04-13e – Login-Layout lebendiger und klarer mit echtem Feature-Panel */
.auth-shell--login{
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);
  min-height:700px;
}
.auth-login .auth-story--login-feature{
  min-height:700px;
  padding:0;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(235,247,245,.98) 0%, rgba(246,247,241,.96) 100%);
}
.auth-login .auth-story-surface{
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(300px,1fr) auto auto;
  gap:22px;
  padding:30px;
  background:
    radial-gradient(520px 280px at 0% 0%, rgba(14,165,160,.10), transparent 68%),
    linear-gradient(180deg, rgba(233,246,244,.96) 0%, rgba(247,247,241,.96) 100%);
}
.auth-login .auth-story-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.auth-login .auth-story-section-links{
  display:flex;
  align-items:center;
  gap:8px;
  color:#60737c;
  font-size:13px;
  font-weight:600;
  flex-wrap:wrap;
}
.auth-login .auth-story-section-links span{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(12,17,22,.06);
}
.auth-login .auth-story-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:320px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(14,165,160,.12);
  background:
    radial-gradient(240px 180px at 18% 14%, rgba(255,255,255,.55), transparent 72%),
    linear-gradient(160deg, rgba(224,243,241,.96) 0%, rgba(243,247,239,.98) 100%);
  overflow:hidden;
}
.auth-login .auth-story-stage::before{
  content:"";
  position:absolute;
  inset:auto auto -62px -48px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(14,165,160,.16), transparent 70%);
  pointer-events:none;
}
.auth-login .auth-story-stage::after{
  content:"";
  position:absolute;
  inset:18px 18px auto auto;
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(246,180,60,.18), transparent 72%);
  pointer-events:none;
}
.auth-login .auth-story-stage-frame{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
}
.auth-login .auth-story-stage-frame img{
  display:block;
  width:min(340px, 86%);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 20px 34px rgba(12,17,22,.12));
}
.auth-login .auth-story-stage-badge{
  position:absolute;
  left:20px;
  top:20px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(14,165,160,.12);
  color:#35505a;
  font-size:12px;
  font-weight:700;
  letter-spacing:.03em;
}
.auth-login .auth-story-stage-badge::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#10a39e;
  box-shadow:0 0 0 4px rgba(16,163,158,.12);
}
.auth-login .auth-story--login-feature .auth-story-emoji{
  right:22px;
  bottom:22px;
  top:auto;
  transform:none;
  width:52px;
  height:52px;
  border-radius:16px;
  font-size:24px;
  background:rgba(255,255,255,.82);
}
.auth-login .auth-story--login-feature .auth-story-copy{
  gap:12px;
  padding-top:0;
}
.auth-login .auth-story--login-feature .auth-story-eyebrow{
  color:#62828a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.auth-login .auth-story--login-feature .auth-story-copy h1{
  margin:0;
  max-width:9.5ch;
  font-size:clamp(44px, 4vw, 62px);
  line-height:.98;
  letter-spacing:-.04em;
}
.auth-login .auth-story--login-feature .auth-story-sub{
  max-width:42ch;
  margin:0;
  font-size:17px;
  line-height:1.7;
  color:#61757e;
}
.auth-login .auth-story--login-feature .auth-story-points{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  margin-top:0;
}
.auth-login .auth-story--login-feature .auth-story-point{
  padding:18px 18px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(12,17,22,.07);
  box-shadow:none;
}
.auth-login .auth-story--login-feature .auth-story-point strong{font-size:15px}
.auth-login .auth-story--login-feature .auth-story-point span{font-size:13px; line-height:1.65}
.auth-login .auth-panel--login{
  padding:50px 42px 38px;
}
.auth-login .auth-panel-head{
  margin-bottom:24px;
}
.auth-login .auth-form--login{
  gap:20px;
}
.auth-login .auth-links--login,
.auth-login .auth-foot--login{
  margin-top:18px;
}

html[data-theme="dark"] .auth-login .auth-story--login-feature{
  background:linear-gradient(180deg, rgba(20,30,35,.98) 0%, rgba(18,27,31,.98) 100%);
}
html[data-theme="dark"] .auth-login .auth-story-surface{
  background:
    radial-gradient(520px 280px at 0% 0%, rgba(14,165,160,.12), transparent 68%),
    linear-gradient(180deg, rgba(20,30,35,.98) 0%, rgba(18,27,31,.98) 100%);
}
html[data-theme="dark"] .auth-login .auth-story-section-links span{
  background:rgba(255,255,255,.04);
  border-color:rgba(132,188,190,.14);
  color:#b4c7c6;
}
html[data-theme="dark"] .auth-login .auth-story-stage{
  background:
    radial-gradient(240px 180px at 18% 14%, rgba(255,255,255,.05), transparent 72%),
    linear-gradient(160deg, rgba(24,39,45,.96) 0%, rgba(19,29,34,.98) 100%);
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-login .auth-story-stage-frame{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-color:rgba(132,188,190,.14);
  box-shadow:none;
}
html[data-theme="dark"] .auth-login .auth-story-stage-badge{
  background:rgba(255,255,255,.05);
  border-color:rgba(132,188,190,.14);
  color:#d2e2e1;
}
html[data-theme="dark"] .auth-login .auth-story--login-feature .auth-story-emoji{
  background:rgba(255,255,255,.06);
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-login .auth-story--login-feature .auth-story-copy h1,
html[data-theme="dark"] .auth-login .auth-story--login-feature .auth-story-point strong{
  color:#edf6f4;
}
html[data-theme="dark"] .auth-login .auth-story--login-feature .auth-story-eyebrow,
html[data-theme="dark"] .auth-login .auth-story--login-feature .auth-story-sub,
html[data-theme="dark"] .auth-login .auth-story--login-feature .auth-story-point span,
html[data-theme="dark"] .auth-login .auth-story-section-links{
  color:#95acab;
}
html[data-theme="dark"] .auth-login .auth-story--login-feature .auth-story-point{
  background:rgba(255,255,255,.03);
  border-color:rgba(132,188,190,.14);
}

@media (max-width: 980px){
  .auth-shell--login{grid-template-columns:1fr}
  .auth-login .auth-story--login-feature,
  .auth-login .auth-story-surface{min-height:auto}
  .auth-login .auth-story-surface{grid-template-rows:auto auto auto auto; padding:24px}
  .auth-login .auth-story-stage{min-height:260px}
  .auth-login .auth-story--login-feature .auth-story-copy h1{max-width:none; font-size:clamp(38px, 8vw, 54px)}
}
@media (max-width: 720px){
  .auth-login .auth-story-topline{align-items:flex-start; flex-direction:column}
  .auth-login .auth-story-section-links{gap:6px}
  .auth-login .auth-story-stage{min-height:220px; padding:18px}
  .auth-login .auth-story-stage-badge{left:16px; top:16px}
  .auth-login .auth-story--login-feature .auth-story-emoji{right:16px; bottom:16px}
  .auth-login .auth-story--login-feature .auth-story-points{grid-template-columns:1fr}
  .auth-login .auth-panel--login{padding:30px 20px 24px}
}

/* RIVAID patch 2026-04-13f - sauberer Login-Neuaufbau nur fuer login_feature_v6 */
.auth-login .auth-main{
  min-height:calc(100vh - 52px);
  display:flex;
  align-items:center;
}
.auth-login .auth-shell--login{
  width:100%;
  min-height:700px;
  grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);
  gap:0;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(12,17,22,.08);
  border-radius:34px;
  box-shadow:0 34px 76px rgba(12,17,22,.11);
  overflow:hidden;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.auth-login .auth-story--login-feature-v6{
  min-height:700px;
  padding:0;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(237,248,246,.98) 0%, rgba(247,247,241,.97) 100%);
}
.auth-login .auth-story--login-feature-v6 .auth-story-surface{
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(300px,1fr) auto auto;
  gap:20px;
  padding:32px;
  background:
    radial-gradient(520px 280px at 0% 0%, rgba(14,165,160,.09), transparent 70%),
    linear-gradient(180deg, rgba(236,248,246,.98) 0%, rgba(246,247,241,.96) 100%);
}
.auth-login .auth-story--login-feature-v6 .auth-story-context-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.auth-login .auth-story--login-feature-v6 .auth-story-brandmark{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(14,165,160,.16);
  background:rgba(255,255,255,.7);
  color:#344d55;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
}
.auth-login .auth-story--login-feature-v6 .auth-story-brandmark-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#0ea5a0;
  box-shadow:0 0 0 4px rgba(14,165,160,.12);
}
.auth-login .auth-story--login-feature-v6 .auth-story-section-links{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.auth-login .auth-story--login-feature-v6 .auth-story-section-links span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(12,17,22,.07);
  color:#5c707a;
  font-size:12px;
  font-weight:600;
}
.auth-login .auth-story--login-feature-v6 .auth-story-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:320px;
  padding:24px;
  border-radius:30px;
  border:1px solid rgba(14,165,160,.13);
  background:
    radial-gradient(240px 180px at 16% 14%, rgba(255,255,255,.55), transparent 72%),
    linear-gradient(165deg, rgba(223,243,241,.97) 0%, rgba(242,247,239,.98) 100%);
  overflow:hidden;
}
.auth-login .auth-story--login-feature-v6 .auth-story-stage::before{
  content:"";
  position:absolute;
  left:-58px;
  bottom:-76px;
  width:230px;
  height:230px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(14,165,160,.14), transparent 72%);
  pointer-events:none;
}
.auth-login .auth-story--login-feature-v6 .auth-story-stage::after{
  content:"";
  position:absolute;
  right:22px;
  top:18px;
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(246,180,60,.16), transparent 74%);
  pointer-events:none;
}
.auth-login .auth-story--login-feature-v6 .auth-story-stage-frame{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.42);
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
}
.auth-login .auth-story--login-feature-v6 .auth-story-stage-frame img{
  width:min(340px, 84%);
  max-height:250px;
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(12,17,22,.12));
}
.auth-login .auth-story--login-feature-v6 .auth-story-stage-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(14,165,160,.14);
  color:#37515a;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
}
.auth-login .auth-story--login-feature-v6 .auth-story-stage-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#0ea5a0;
}
.auth-login .auth-story--login-feature-v6 .auth-story-emoji{
  position:absolute;
  right:20px;
  bottom:20px;
  z-index:2;
  width:48px;
  height:48px;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(14,165,160,.14);
  box-shadow:0 14px 26px rgba(12,17,22,.08);
  font-size:22px;
}
.auth-login .auth-story--login-feature-v6 .auth-story-copy{
  display:grid;
  gap:12px;
}
.auth-login .auth-story--login-feature-v6 .auth-story-eyebrow{
  color:#607f87;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.auth-login .auth-story--login-feature-v6 .auth-story-copy h1{
  margin:0;
  max-width:11ch;
  font-size:clamp(38px, 3.8vw, 54px);
  line-height:1.01;
  letter-spacing:-.035em;
}
.auth-login .auth-story--login-feature-v6 .auth-story-sub{
  margin:0;
  max-width:39ch;
  color:#60747d;
  font-size:16px;
  line-height:1.65;
}
.auth-login .auth-story--login-feature-v6 .auth-story-points{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:0;
}
.auth-login .auth-story--login-feature-v6 .auth-story-point{
  gap:5px;
  padding:14px 14px 13px;
  border-radius:18px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(12,17,22,.08);
  box-shadow:none;
}
.auth-login .auth-story--login-feature-v6 .auth-story-point strong{
  color:#243840;
  font-size:14px;
  font-weight:700;
}
.auth-login .auth-story--login-feature-v6 .auth-story-point span{
  color:#5f727b;
  font-size:12px;
  line-height:1.6;
}
.auth-login .auth-panel--login{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:52px 44px 38px;
  background:rgba(255,255,255,.9);
  border-left:1px solid rgba(12,17,22,.07);
}
.auth-login .auth-panel-head{
  display:grid;
  gap:10px;
  margin-bottom:24px;
}
.auth-login .auth-panel-kicker{
  margin:0;
  color:#6c7f88;
  font-size:12px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.auth-login .auth-panel-head h2{
  margin:0;
  font-family:"Fraunces",serif;
  font-size:44px;
  line-height:1.02;
  letter-spacing:-.03em;
}
.auth-login .auth-panel-head .sub{
  margin:0;
  max-width:33ch;
  color:#60747d;
  font-size:16px;
  line-height:1.62;
}
.auth-login .auth-form--login{
  display:grid;
  gap:18px;
}
.auth-login .auth-status-stack{display:grid;gap:10px}
.auth-login .auth-field-grid{
  display:grid;
  gap:14px;
}
.auth-login .auth-field{
  display:grid;
  gap:7px;
}
.auth-login .auth-form--login label{
  margin:0;
  color:#30434c;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.auth-login .auth-form--login input[type="email"],
.auth-login .auth-form--login input[type="password"]{
  height:56px;
  padding:0 17px;
  border-radius:16px;
  border:1px solid rgba(12,17,22,.11);
  background:#f6faf9;
  font-size:15px;
}
.auth-login .auth-form--login input:focus{
  background:#fff;
  border-color:rgba(14,165,160,.32);
  box-shadow:0 0 0 4px rgba(14,165,160,.10);
}
.auth-login .auth-actions--login{margin-top:2px}
.auth-login .auth-actions--login .btn{
  width:100%;
  min-height:56px;
  border-radius:17px;
  font-size:16px;
  letter-spacing:.01em;
  box-shadow:0 14px 28px rgba(14,165,160,.19);
}
.auth-login .auth-links--login{
  display:grid;
  gap:10px;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid rgba(12,17,22,.08);
}
.auth-login .auth-links--login a{
  width:fit-content;
  color:#445963;
  font-size:14px;
  border-bottom-color:rgba(68,89,99,.22);
}
.auth-login .auth-foot--login{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(12,17,22,.08);
  color:#70838c;
  font-size:13px;
  line-height:1.62;
}
.auth-login .auth-foot--login a{
  color:#0a908a;
  font-weight:700;
  text-decoration:none;
}
.auth-login .auth-foot--login a:hover{text-decoration:underline}
.auth-login .msg{
  margin:0;
  border-radius:14px;
  padding:13px 14px;
  border-color:rgba(12,17,22,.08);
  background:#f8fbfb;
}
.auth-login .msg.err{
  background:rgba(220,38,38,.05);
  border-color:rgba(220,38,38,.16);
}

html[data-theme="dark"] .auth-login .auth-shell--login{
  background:rgba(20,29,34,.86);
  border-color:rgba(132,188,190,.14);
  box-shadow:0 30px 72px rgba(0,0,0,.38);
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6{
  background:linear-gradient(180deg, rgba(20,30,35,.98) 0%, rgba(18,27,31,.98) 100%);
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-surface{
  background:
    radial-gradient(520px 280px at 0% 0%, rgba(14,165,160,.12), transparent 70%),
    linear-gradient(180deg, rgba(20,30,35,.98) 0%, rgba(18,27,31,.98) 100%);
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-brandmark,
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-section-links span,
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-stage-badge,
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-emoji{
  background:rgba(255,255,255,.05);
  border-color:rgba(132,188,190,.14);
  color:#c6d8d7;
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-stage{
  background:
    radial-gradient(240px 180px at 16% 14%, rgba(255,255,255,.05), transparent 72%),
    linear-gradient(165deg, rgba(24,39,45,.96) 0%, rgba(19,29,34,.98) 100%);
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-stage-frame{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-color:rgba(132,188,190,.14);
  box-shadow:none;
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-copy h1,
html[data-theme="dark"] .auth-login .auth-panel-head h2,
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-point strong{
  color:#edf6f4;
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-eyebrow,
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-sub,
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-point span,
html[data-theme="dark"] .auth-login .auth-panel-kicker,
html[data-theme="dark"] .auth-login .auth-panel-head .sub,
html[data-theme="dark"] .auth-login .auth-foot--login,
html[data-theme="dark"] .auth-login .auth-links--login a{
  color:#95acab;
}
html[data-theme="dark"] .auth-login .auth-story--login-feature-v6 .auth-story-point{
  background:rgba(255,255,255,.03);
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-login .auth-panel--login{
  background:rgba(16,24,29,.93);
  border-left-color:rgba(132,188,190,.1);
}
html[data-theme="dark"] .auth-login .auth-form--login label{color:#c7d8d7}
html[data-theme="dark"] .auth-login .auth-form--login input[type="email"],
html[data-theme="dark"] .auth-login .auth-form--login input[type="password"]{
  background:rgba(12,20,24,.94);
  border-color:rgba(132,188,190,.14);
}
html[data-theme="dark"] .auth-login .auth-links--login,
html[data-theme="dark"] .auth-login .auth-foot--login{
  border-top-color:rgba(132,188,190,.12);
}
html[data-theme="dark"] .auth-login .msg{
  background:rgba(255,255,255,.03);
  border-color:rgba(132,188,190,.10);
}
html[data-theme="dark"] .auth-login .auth-actions--login .btn{box-shadow:none}

@media (max-width: 1060px){
  .auth-login .auth-shell--login{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .auth-login .auth-story--login-feature-v6{
    min-height:auto;
    border-bottom:1px solid rgba(12,17,22,.07);
  }
  .auth-login .auth-story--login-feature-v6 .auth-story-surface{
    min-height:auto;
    grid-template-rows:auto auto auto auto;
    padding:24px;
  }
  .auth-login .auth-story--login-feature-v6 .auth-story-copy h1{
    max-width:none;
    font-size:clamp(34px, 7.5vw, 48px);
  }
  .auth-login .auth-panel--login{
    border-left:0;
    padding:36px 28px 28px;
  }
}
@media (max-width: 740px){
  .auth-login .auth-main{min-height:auto}
  .auth-login .auth-shell--login{border-radius:26px}
  .auth-login .auth-story--login-feature-v6 .auth-story-surface{padding:20px}
  .auth-login .auth-story--login-feature-v6 .auth-story-context-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .auth-login .auth-story--login-feature-v6 .auth-story-stage{
    min-height:220px;
    padding:18px;
  }
  .auth-login .auth-story--login-feature-v6 .auth-story-stage-badge{
    top:14px;
    left:14px;
  }
  .auth-login .auth-story--login-feature-v6 .auth-story-emoji{
    right:14px;
    bottom:14px;
  }
  .auth-login .auth-story--login-feature-v6 .auth-story-points{
    grid-template-columns:1fr;
  }
  .auth-login .auth-panel--login{padding:30px 20px 24px}
  .auth-login .auth-panel-head h2{font-size:38px}
}

/* RIVAID patch 2026-04-13g - priority bridge against manifest.css !important auth baseline */
body.auth-login .auth-main{
  min-height:calc(100vh - 52px) !important;
  padding-top:32px !important;
  padding-bottom:36px !important;
  display:flex !important;
  align-items:center !important;
}
body.auth-login .auth-shell--login{
  width:100% !important;
  max-width:none !important;
  min-height:700px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr) !important;
  gap:0 !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(12,17,22,.08) !important;
  box-shadow:0 34px 76px rgba(12,17,22,.11) !important;
  overflow:hidden !important;
}
body.auth-login .auth-story--login-feature-v6{
  min-height:700px !important;
  padding:0 !important;
  border:0 !important;
  border-right:1px solid rgba(12,17,22,.06) !important;
  background:linear-gradient(180deg, rgba(237,248,246,.98) 0%, rgba(247,247,241,.97) 100%) !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-surface{
  height:100% !important;
  display:grid !important;
  grid-template-rows:auto minmax(300px,1fr) auto auto !important;
  gap:20px !important;
  padding:32px !important;
  background:
    radial-gradient(520px 280px at 0% 0%, rgba(14,165,160,.09), transparent 70%),
    linear-gradient(180deg, rgba(236,248,246,.98) 0%, rgba(246,247,241,.96) 100%) !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-context-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding-bottom:2px !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-brandmark{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#4f6770 !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  line-height:1.2 !important;
  text-transform:none !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-brandmark-dot{display:none !important;}
body.auth-login .auth-story--login-feature-v6 .auth-story-section-links{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  flex-wrap:wrap !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-section-links span{
  display:inline-block !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  color:#6d8089 !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-section-links span + span::before{
  content:"/"; 
  margin:0 12px;
  color:rgba(96,116,125,.46);
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage{
  position:relative !important;
  display:block !important;
  min-height:400px !important;
  padding:0 !important;
  border-radius:32px !important;
  border:1px solid rgba(14,165,160,.13) !important;
  background:
    radial-gradient(280px 180px at 14% 10%, rgba(255,255,255,.55), transparent 74%),
    linear-gradient(165deg, rgba(223,243,241,.97) 0%, rgba(242,247,239,.98) 100%) !important;
  overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46) !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage::before{
  content:"";
  position:absolute;
  left:-46px;
  bottom:-84px;
  width:248px;
  height:248px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(14,165,160,.14), transparent 72%);
  pointer-events:none;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage::after{
  content:"";
  position:absolute;
  right:26px;
  top:22px;
  width:132px;
  height:132px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(246,180,60,.16), transparent 74%);
  pointer-events:none;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage-visual{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  border-radius:inherit !important;
  overflow:hidden !important;
  background:rgba(233,244,242,.92) !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  border:0 !important;
  background:
    radial-gradient(320px 220px at 18% 22%, rgba(255,255,255,.86), transparent 62%),
    radial-gradient(260px 220px at 84% 18%, rgba(246,180,60,.20), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(204,236,232,.98) 0%, rgba(233,244,242,.98) 52%, rgba(248,241,220,.88) 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54) !important;
  overflow:hidden !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder::before{
  content:"";
  position:absolute;
  inset:auto auto 8% 10%;
  width:52%;
  height:42%;
  border-radius:999px;
  background:radial-gradient(circle, rgba(18,40,46,.18), rgba(18,40,46,0));
  filter:blur(28px);
  opacity:.55;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder::after{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:48%;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  opacity:.62;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-copy{
  display:grid !important;
  gap:12px !important;
  justify-items:center !important;
  text-align:center !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-eyebrow{
  display:inline-flex !important;
  width:fit-content !important;
  color:#607f87 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-copy h1{
  margin:0 !important;
  max-width:13ch !important;
  font-size:clamp(28px, 2.8vw, 38px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  text-wrap:balance !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-sub{
  margin:0 !important;
  max-width:39ch !important;
  color:#60747d !important;
  font-size:16px !important;
  line-height:1.65 !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-points{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:20px !important;
  margin-top:2px !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-point{
  display:grid !important;
  gap:6px !important;
  padding:16px 0 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  border-top:1px solid rgba(12,17,22,.10) !important;
  box-shadow:none !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-point strong{
  color:#243840 !important;
  font-size:14px !important;
  font-weight:700 !important;
}
body.auth-login .auth-story--login-feature-v6 .auth-story-point span{
  color:#5f727b !important;
  font-size:12px !important;
  line-height:1.6 !important;
}
body.auth-login .auth-panel--login{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:0 !important;
  padding:52px 44px 38px !important;
  background:rgba(255,255,255,.9) !important;
  border-left:1px solid rgba(12,17,22,.07) !important;
  align-items:center !important;
}
body.auth-login .auth-panel-head{
  display:grid !important;
  gap:10px !important;
  margin-bottom:24px !important;
  width:min(100%, 390px) !important;
}
body.auth-login .auth-panel-kicker{
  margin:0 !important;
  color:#6c7f88 !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}
body.auth-login .auth-panel-head h2{
  margin:0 !important;
  font-family:"Fraunces",serif !important;
  font-size:44px !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
}
body.auth-login .auth-panel-head .sub{
  margin:0 !important;
  max-width:33ch !important;
  color:#60747d !important;
  font-size:16px !important;
  line-height:1.62 !important;
}
body.auth-login .auth-form--login{
  display:grid !important;
  gap:18px !important;
  width:min(100%, 390px) !important;
}
body.auth-login .auth-status-stack{display:grid !important; gap:10px !important;}
body.auth-login .auth-field-grid{
  display:grid !important;
  gap:14px !important;
}
body.auth-login .auth-field{
  display:grid !important;
  gap:7px !important;
}
body.auth-login .auth-form--login label{
  margin:0 !important;
  color:#30434c !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
body.auth-login .auth-form--login input[type="email"],
body.auth-login .auth-form--login input[type="password"]{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  padding:0 17px !important;
  border-radius:16px !important;
  border:1px solid rgba(12,17,22,.11) !important;
  background:#f6faf9 !important;
  font-size:15px !important;
}
body.auth-login .auth-form--login input[type="email"]:focus,
body.auth-login .auth-form--login input[type="password"]:focus{
  background:#fff !important;
  border-color:rgba(14,165,160,.32) !important;
  box-shadow:0 0 0 4px rgba(14,165,160,.10) !important;
}
body.auth-login .auth-actions--login{margin-top:2px !important;}
body.auth-login .auth-actions--login .btn{
  width:100% !important;
  min-height:56px !important;
  border-radius:17px !important;
  font-size:16px !important;
  letter-spacing:.01em !important;
  box-shadow:0 14px 28px rgba(14,165,160,.19) !important;
}
body.auth-login .auth-links--login{
  display:grid !important;
  gap:10px !important;
  margin-top:20px !important;
  padding-top:20px !important;
  border-top:1px solid rgba(12,17,22,.08) !important;
  width:min(100%, 390px) !important;
}
body.auth-login .auth-links--login a{
  width:fit-content !important;
  color:#445963 !important;
  font-size:14px !important;
}
body.auth-login .auth-foot--login{
  margin-top:16px !important;
  padding-top:16px !important;
  border-top:1px solid rgba(12,17,22,.08) !important;
  color:#70838c !important;
  font-size:13px !important;
  line-height:1.62 !important;
  width:min(100%, 390px) !important;
}
body.auth-login .auth-foot--login a{
  color:#0a908a !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-stage{
  border-color:rgba(132,188,190,.14) !important;
  background:
    radial-gradient(240px 180px at 16% 14%, rgba(255,255,255,.05), transparent 72%),
    linear-gradient(165deg, rgba(24,39,45,.96) 0%, rgba(19,29,34,.98) 100%) !important;
}
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder{
  background:
    radial-gradient(320px 220px at 18% 22%, rgba(255,255,255,.08), transparent 62%),
    radial-gradient(260px 220px at 84% 18%, rgba(246,180,60,.10), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    linear-gradient(145deg, rgba(22,36,41,.98) 0%, rgba(18,30,35,.98) 52%, rgba(32,37,27,.84) 100%) !important;
}
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder::before,
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder::after{
  border-color:transparent !important;
  background:none !important;
  box-shadow:none !important;
}
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder::before{
  background:radial-gradient(circle, rgba(0,0,0,.34), rgba(0,0,0,0)) !important;
}
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder::after{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)) !important;
}
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-point{
  border-top-color:rgba(132,188,190,.16) !important;
}
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-brandmark,
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-section-links span,
html[data-theme="dark"] body.auth-login .auth-story--login-feature-v6 .auth-story-eyebrow{
  color:#95acab !important;
}

@media (max-width: 1060px){
  body.auth-login .auth-shell--login{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  body.auth-login .auth-story--login-feature-v6{
    min-height:auto !important;
  }
  body.auth-login .auth-story--login-feature-v6 .auth-story-surface{
    min-height:auto !important;
    grid-template-rows:auto auto auto auto !important;
    padding:24px !important;
  }
  body.auth-login .auth-story--login-feature-v6 .auth-story-stage{
    min-height:360px !important;
  }
  body.auth-login .auth-story--login-feature-v6 .auth-story-copy h1{
    max-width:13ch !important;
    font-size:clamp(24px, 5vw, 32px) !important;
  }
  body.auth-login .auth-panel--login{
    border-left:0 !important;
    padding:36px 28px 28px !important;
  }
}
@media (max-width: 740px){
  body.auth-login .auth-main{min-height:auto !important;}
  body.auth-login .auth-shell--login{border-radius:26px !important;}
  body.auth-login .auth-story--login-feature-v6 .auth-story-surface{padding:20px !important;}
  body.auth-login .auth-story--login-feature-v6 .auth-story-context-row{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  body.auth-login .auth-story--login-feature-v6 .auth-story-stage{
    min-height:280px !important;
    padding:0 !important;
  }
  body.auth-login .auth-story--login-feature-v6 .auth-story-stage-visual{
    inset:0 !important;
    border-radius:inherit !important;
  }
  body.auth-login .auth-story--login-feature-v6 .auth-story-stage-placeholder{
    border-radius:inherit !important;
  }
  body.auth-login .auth-story--login-feature-v6 .auth-story-points{
    grid-template-columns:1fr !important;
  }
  body.auth-login .auth-panel--login{padding:30px 20px 24px !important;}
  body.auth-login .auth-panel-head h2{font-size:38px !important;}
}