:root{
  --brand:oklch(80% 0.12 98);
  --brand-hover:oklch(83% 0.11 98);
  --brand-content:oklch(24% 0.03 98);
  --brand-text:oklch(46% 0.1 98);
  --brand-ring:oklch(80% 0.1 98 / 0.35)
}
@media (prefers-color-scheme:dark){
  :root{--brand-text:oklch(80% 0.12 98)}
}

:root{
  color-scheme:dark;
  --brand-text:oklch(80% 0.12 98);
  --color-base-100:oklch(22% 0.014 265);--color-base-200:oklch(26% 0.016 265);--color-base-300:oklch(34% 0.018 265);
  --color-base-content:oklch(88% 0.012 265);
  --e7-auth-border:oklch(40% 0.016 265 / 0.45);--e7-auth-ring:var(--brand-ring)
}
*{box-sizing:border-box}
html{height:100%}
body.e7-auth-body{
  margin:0;min-height:100%;
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-feature-settings:"tnum" 1,"zero" 1;-webkit-font-smoothing:antialiased;
  background-color:var(--color-base-100);color:var(--color-base-content)
}
.e7-auth-split{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.e7-auth-split-brand{
  display:flex;flex-direction:column;justify-content:center;padding:32px 24px;
  background-color:var(--color-base-200);border-bottom:1px solid var(--e7-auth-border);
  background-image:radial-gradient(ellipse 80% 60% at 20% 0%,oklch(80% 0.12 98 / 0.12),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 100%,oklch(80% 0.12 98 / 0.05),transparent 50%)
}
.e7-auth-split-brand-inner{width:100%;max-width:22rem;margin:0 auto;text-align:center}
.e7-auth-split-logo{width:auto;height:2.5rem;margin-bottom:20px}
.e7-auth-split-kicker{margin:0 0 8px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:oklch(70% 0.012 265)}
.e7-auth-split-title{margin:0 0 12px;font-size:1.75rem;font-weight:600;line-height:1.2;letter-spacing:-.35px;color:var(--color-base-content)}
.e7-auth-split-copy{margin:0;font-size:.9375rem;line-height:1.55;letter-spacing:-.15px;color:oklch(72% 0.012 265)}
.e7-auth-split-main{display:flex;flex:1;align-items:center;justify-content:center;padding:32px 24px 40px;background-color:var(--color-base-100)}
.e7-auth-panel{width:100%;max-width:26rem}
.e7-auth-panel--card{border-radius:.75rem;border:1px solid var(--e7-auth-border);background-color:var(--color-base-200);padding:24px}
.e7-auth-head{text-align:center}
.e7-auth-heading{margin:0 0 4px;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.3px;color:var(--color-base-content)}
.e7-auth-lead{margin:0;font-size:.875rem;line-height:1.5;letter-spacing:-.2px;color:oklch(70% 0.012 265)}
.e7-auth-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.e7-auth-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.e7-auth-label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;font-weight:500;color:oklch(78% 0.012 265)}
.e7-auth-input{
  width:100%;min-height:44px;padding:0 14px;border-radius:.5rem;
  border:1px solid var(--e7-auth-border);background-color:var(--color-base-100);color:var(--color-base-content);
  font:inherit;font-size:.9375rem
}
.e7-auth-input:focus{outline:2px solid var(--e7-auth-ring);outline-offset:1px;border-color:var(--brand)}
.e7-auth-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:0 16px;
  border-radius:.5rem;border:1px solid transparent;font:inherit;font-size:.875rem;font-weight:500;line-height:1.4;
  text-decoration:none;cursor:pointer;transition:background-color 120ms ease-out,border-color 120ms ease-out,color 120ms ease-out
}
.e7-auth-btn:focus-visible{outline:2px solid var(--e7-auth-ring);outline-offset:2px}
.e7-auth-btn--primary{color:var(--brand-content);background-color:var(--brand)}
.e7-auth-btn--primary:hover{background-color:var(--brand-hover)}
.e7-auth-alert{
  display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;border-radius:.5rem;
  border:1px solid oklch(58% 0.17 25 / 0.35);background-color:oklch(58% 0.17 25 / 0.12);color:oklch(92% 0.02 25);
  font-size:.875rem;line-height:1.45
}
.e7-auth-alert svg{margin-top:2px;flex-shrink:0}
.e7-auth-lang{position:absolute;top:16px;right:20px;z-index:1}
.lang-switch{display:inline-flex;gap:2px;border:1px solid var(--e7-auth-border);border-radius:999px;padding:2px}
.lang-switch a{padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;color:oklch(70% 0.012 265);text-decoration:none}
.lang-switch a:hover{color:var(--color-base-content)}
.lang-switch a.current{background-color:var(--color-base-300);color:var(--color-base-content)}
.lang-switch a:focus-visible{outline:2px solid var(--e7-auth-ring);outline-offset:1px}
@media (min-width:768px){
  .e7-auth-split{flex-direction:row}
  .e7-auth-split-brand{flex:1 1 50%;width:50%;max-width:none;padding:48px 56px;border-bottom:none;border-right:1px solid var(--e7-auth-border)}
  .e7-auth-split-brand-inner{max-width:26rem;margin:0;text-align:left}
  .e7-auth-split-logo{height:2.75rem;margin-bottom:28px}
  .e7-auth-split-title{font-size:2rem;letter-spacing:-.4px}
  .e7-auth-split-main{flex:1 1 50%;width:50%;padding:48px}
  .e7-auth-panel{max-width:24rem}
  .e7-auth-panel--card{border:none;background:transparent;padding:0}
}