body.pallas-login { --purple:#9e45ff; color-scheme:dark; margin:0; min-height:100vh; font-family:Inter,Arial,sans-serif; font-size:16px; background:#06060d url('background.png') center/cover no-repeat fixed; color:#fff; }
.pallas-login *, .pallas-login *::before, .pallas-login *::after { box-sizing:border-box; }
.pallas-login::before { content:''; position:fixed; inset:0; background:linear-gradient(90deg,rgba(4,4,10,.78) 0%,rgba(4,4,11,.30) 52%,rgba(5,4,13,.18)); pointer-events:none; }
.pallas-login .login-page { min-height:100vh; position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,460px); align-items:center; gap:5vw; padding:32px 6vw; }
.pallas-login .brand-panel { align-self:start; min-width:0; max-width:520px; container-type:inline-size; padding-top:6vh; }
.pallas-login .brand-logo { width:min(290px,80%); height:auto; display:block; filter:drop-shadow(0 10px 20px rgba(91,33,220,.28)); }
.pallas-login h1 { font-size:clamp(24px,9.7cqw,54px); line-height:1.13; letter-spacing:-.045em; margin:48px 0 24px; font-weight:800; }
.pallas-login h1 span { display:block; white-space:nowrap; color:var(--purple); }
.pallas-login h1 .headline-first { color:#fff; }
.pallas-login .pallas-label,.pallas-login .welcome { display:inline-block; margin:0; padding:8px 18px; border:1px solid #a34eff; border-radius:999px; text-transform:uppercase; letter-spacing:.18em; font-weight:700; font-size:11px; line-height:normal; color:#dfc3ff; background:rgba(73,27,117,.16); }
.pallas-login .login-card { width:100%; background:linear-gradient(135deg,rgba(18,19,42,.94),rgba(9,9,23,.92)); border:1px solid rgba(166,95,255,.76); border-radius:28px; padding:32px 36px; box-shadow:0 28px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter:blur(14px); }
.pallas-login .login-card h2 { color:#fff; margin:18px 0 10px; font-size:34px; font-weight:700; line-height:1.2; letter-spacing:-.04em; }
.pallas-login .intro { color:#c7c6d8; font-size:14px; line-height:1.55; margin:0 0 22px; }
.pallas-login form { display:grid; gap:9px; }
.pallas-login label { font-size:14px; font-weight:600; line-height:normal; }
.pallas-login input:not([type="checkbox"]):not([type="hidden"]) { min-width:0; width:100%; height:48px; margin:0 0 8px; color:#fff; border:1px solid #4b4c70; border-radius:13px; padding:0 17px; background:rgba(22,24,46,.82); font:inherit; outline:none; }
.pallas-login input::placeholder { color:#a9a7bf; opacity:1; }
.pallas-login input:focus { border-color:var(--purple); box-shadow:0 0 0 3px rgba(158,69,255,.16); }
.pallas-login .password-wrap { position:relative; }
.pallas-login .password-wrap input { padding-right:50px!important; }
.pallas-login .eye-password { position:absolute; right:3px; top:2px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#bca6de; cursor:pointer; }
.pallas-login .form-options { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:-3px 0 12px; }
.pallas-login .remember { display:flex; align-items:center; gap:8px; font-size:13px; color:#cfcede; font-weight:400; cursor:pointer; }
.pallas-login .remember input { width:18px; height:18px; margin:0; accent-color:#913dff; cursor:pointer; }
.pallas-login a { color:#c061ff; text-decoration:none; }
.pallas-login .form-options a { font-size:13px; text-decoration:underline; }
.pallas-login .login-submit { height:50px; border:0; border-radius:15px; cursor:pointer; background:linear-gradient(100deg,#af55ff,#7220f5); color:#fff; font:700 18px Inter,Arial,sans-serif; box-shadow:0 12px 25px rgba(117,34,245,.26); }
.pallas-login .login-submit span { font-size:27px; margin-left:11px; vertical-align:-2px; }
.pallas-login .signup { text-align:center; color:#c8c6d2; font-size:13px; margin:22px 0 0; }
.pallas-login a:focus-visible,.pallas-login button:focus-visible { outline:2px solid #dfc3ff; outline-offset:4px; }
.pallas-login .login-errors,.pallas-login .login-status { padding:12px 14px; margin:0 0 16px; border:1px solid #af6382; border-radius:12px; color:#ffd3e0; background:#422038; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.pallas-login .login-errors ul { margin:0; padding-left:18px; }
.pallas-login .login-status { border-color:#6b8e7d; background:#163a2e; color:#d7ffe9; }
@media(max-width:760px){.pallas-login .login-page{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:32px}.pallas-login .brand-panel{padding:0;max-width:520px;width:100%;justify-self:center}.pallas-login h1{margin:24px 0 18px}.pallas-login .login-card{max-width:460px;justify-self:center}.pallas-login .brand-logo{width:230px}}
@media(max-width:480px){.pallas-login .login-card{padding:26px 22px;border-radius:24px}.pallas-login .login-card h2{font-size:29px}.pallas-login .form-options{flex-wrap:wrap;gap:12px}.pallas-login .remember,.pallas-login .form-options a{font-size:12px}}
@media(min-width:761px) and (max-height:650px){.pallas-login .login-page{padding-top:16px;padding-bottom:16px}.pallas-login .login-card{padding:24px 30px}.pallas-login .login-card h2{margin-top:12px}.pallas-login .intro{margin-bottom:14px}.pallas-login form{gap:6px}.pallas-login .signup{margin-top:16px}}