:root{color-scheme:dark;--text:#f1f4f8;--line:#30394a}
*{box-sizing:border-box}
body{margin:0;color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100svh}
h1{line-height:1.1}
button,input{font:inherit}button{cursor:pointer}
.flash{padding:13px 17px;margin-bottom:15px;background:#202c3a;border:1px solid #4a667a;border-radius:11px}
.flash.ok{border-color:#478d7e;background:#162f2e}
.flash.warn{border-color:#99703b;background:#2d261d}
.flash.error{border-color:#a74c4c;background:#352025}
body.theme-dark-grey{--text:#fff;--line:#444}
body.theme-dark-grey .flash,body.theme-dark-grey .flash.ok,body.theme-dark-grey .flash.warn,body.theme-dark-grey .flash.error{background:#292929;border-color:#676767;color:#fff}


body.entry-mode {
  min-height:100svh;
  background:
    radial-gradient(circle at 18% 20%,rgba(84,101,156,.14),transparent 36%),
    radial-gradient(circle at 85% 78%,rgba(69,105,117,.15),transparent 35%),
    linear-gradient(143deg,#080b12 0%,#111729 57%,#0b111b 100%);
}
.entry-stage {
  width:100%;min-height:100svh;max-width:none;
  padding:48px 18px;display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:0;
}
.entry-stage .flash {width:min(100%,420px);margin:0 0 15px;font-size:13px}
.entry-panel {
  width:min(100%,420px);position:relative;overflow:hidden;
  background:linear-gradient(163deg,rgba(29,38,56,.92),rgba(14,20,32,.96));
  border:1px solid rgba(183,202,236,.14);border-radius:22px;
  box-shadow:0 35px 100px rgba(0,0,0,.48),0 1px 0 rgba(255,255,255,.08) inset;
  padding:44px 39px 40px;
}
.entry-panel::before {
  content:'';position:absolute;top:0;left:18%;right:18%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(177,196,233,.38),transparent)
}
.entry-dots {display:flex;justify-content:center;align-items:center;gap:6px;margin:0 0 28px}
.entry-dots span {width:5px;height:5px;border-radius:50%;background:#566781}
.entry-dots span:nth-child(2) {width:9px;height:9px;background:#9ab1d4;box-shadow:0 0 22px rgba(154,177,212,.3)}
.entry-panel h1 {font-size:31px;letter-spacing:-.038em;font-weight:700;text-align:center;color:#f3f6ff;margin:0 0 31px}
.entry-form {display:flex;flex-direction:column;gap:0}
.entry-form label {font-size:12px;color:#bac8dd;letter-spacing:.02em;font-weight:650;margin:0 0 8px}
.entry-form input {
  width:100%;min-width:0;outline:none;padding:13px 15px;margin:0 0 21px;
  border-radius:11px;border:1px solid #364154;
  color:#f4f7ff;background:rgba(9,15,26,.72);
  transition:border-color .18s,box-shadow .18s;
}
.entry-form input::placeholder {color:#78879d}
.entry-form input:focus {border-color:#9ab1d4;box-shadow:0 0 0 3px rgba(154,177,212,.16)}
.entry-submit {
  display:flex;align-items:center;justify-content:center;position:relative;
  width:100%;border:0;border-radius:11px;padding:14px 18px;margin-top:3px;
  color:#0c1523;background:#c9d8ed;font-weight:760;
  transition:background .2s,transform .2s;
}
.entry-submit span {position:absolute;right:17px;font-size:19px;font-weight:400}
.entry-submit:hover {background:#e0ebfb;transform:translateY(-1px)}
.entry-submit:focus-visible {outline:3px solid #e0ebfb;outline-offset:3px}
@media(max-width:480px){.entry-panel{padding:37px 24px 31px;border-radius:18px}.entry-panel h1{font-size:28px}.entry-stage{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.entry-submit,.entry-form input{transition:none}.entry-submit:hover{transform:none}}



body.entry-mode.theme-dark-grey {
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.045),transparent 36%),
    radial-gradient(circle at 85% 78%,rgba(255,255,255,.035),transparent 35%),
    linear-gradient(143deg,#080808 0%,#151515 57%,#0c0c0c 100%);
  color:#fff;
}
body.entry-mode.theme-dark-grey .entry-panel {
  background:linear-gradient(163deg,#232323,#111);
  border-color:#454545;
  box-shadow:0 35px 100px rgba(0,0,0,.58),0 1px 0 rgba(255,255,255,.08) inset;
}
body.entry-mode.theme-dark-grey .entry-panel::before {
  background:linear-gradient(90deg,transparent,#777,transparent);
}
body.entry-mode.theme-dark-grey .entry-dots span {background:#737373}
body.entry-mode.theme-dark-grey .entry-dots span:nth-child(2) {
  background:#e1e1e1;
  box-shadow:0 0 22px rgba(255,255,255,.13);
}
body.entry-mode.theme-dark-grey .entry-panel h1 {color:#fff}
body.entry-mode.theme-dark-grey .entry-form label {color:#e2e2e2}
body.entry-mode.theme-dark-grey .entry-form input {
  border-color:#555;
  color:#fff;
  background:#121212;
}
body.entry-mode.theme-dark-grey .entry-form input::placeholder {color:#aaa}
body.entry-mode.theme-dark-grey .entry-form input:focus {
  border-color:#e5e5e5;
  box-shadow:0 0 0 3px rgba(255,255,255,.13);
}
body.entry-mode.theme-dark-grey .entry-submit {
  color:#101010;
  background:#e5e5e5;
}
body.entry-mode.theme-dark-grey .entry-submit:hover {background:#fff}
body.entry-mode.theme-dark-grey .entry-submit:focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}