:root {
  --ink: #edf5f6;
  --side: #102938;
  --accent: #91dad2;
  --line: #485a62;
  color-scheme: dark;
}
body { background: #171e27; }
::selection { background: #356d70; color: #fff; }
.brand-panel { background: #102938; }
.wordmark { width: min(100%, 285px); padding: 11px 13px; border-radius: 7px; background: #f7f5fb; }
.wordmark img, .mobile-wordmark img { display: block; width: 100%; height: auto; }
.brand-panel::after { border-color: rgba(145,218,210,.15); box-shadow: 0 0 0 90px rgba(145,218,210,.025), 0 0 0 180px rgba(145,218,210,.012); }
.brand-message p { color: #91dad2; }
.brand-message span { color: #c4d5da; }
.brand-foot { color: #acc1ca; }
.form-panel { background: #171e27; }
.section-label { color: #91dad2; }
.form-wrap h2 { color: #edf5f6; }
.intro { color: #b5c8d0; }
.form-wrap label { color: #d1dfe2; }
.form-wrap input { background: #27333d; border-color: #485a62; color: #edf5f6; }
.form-wrap input:focus { border-color: #91dad2; outline-color: rgba(145,218,210,.32); }
.form-wrap button { background: #267f84; color: #fff; }
.form-wrap button:hover { background: #226e73; }
.login-error { background: #4b2834; color: #ffd9df; }
.mobile-wordmark { color: #edf5f6; }
@media (max-width: 767px) { .mobile-wordmark { width: min(100%, 245px); margin-bottom: 48px; padding: 9px 11px; border-radius: 7px; background: #f7f5fb; } }
a { color: #91dad2; }
a:hover { color: #c6eeea; }
.preview-login-link { margin: 22px 0 0; }
.login-language{position:fixed;top:22px;right:24px;z-index:10;display:flex;align-items:center;gap:12px}.login-language select{min-height:36px;padding:5px 28px 5px 10px;border:1px solid #485a62;border-radius:6px;background:#27333d;color:#edf5f6;font:inherit;font-size:13px;cursor:pointer}.login-language select:focus-visible{outline:2px solid #91dad2;outline-offset:2px}@media(max-width:767px){.login-language{top:12px;right:14px}}