:root{color-scheme:light;--brand-dark:#153653;--brand-deeper:#102d49;--primary:#0d4a8e;--primary-hover:#083d79;--accent:#2b9fe8;--page:#fff;--surface:#fff;--text:#152f4d;--muted:#62728a;--line:#cdd9e8;--field:#fff;--field-focus:#eaf2ff;--danger:#c93434;--success:#177a50;--soft:#f4f7fb;--shadow:0 18px 60px rgb(16 45 73 / 13%);font-family:Arial,Helvetica,sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--page:#0c1f31;--surface:#102a42;--text:#edf5fc;--muted:#aebdd0;--line:#34516d;--field:#163650;--field-focus:#163e62;--soft:#0f2940;--shadow:0 18px 60px rgb(0 0 0 / 28%)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text)}button,input{font:inherit}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(520px,1fr)}
.brand-panel{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand-dark),var(--brand-deeper));color:#fff;padding:48px}.brand-panel::before,.brand-panel::after{content:"";position:absolute;border:1px solid rgb(255 255 255 / 8%);border-radius:50%}.brand-panel::before{width:520px;height:520px;left:-270px;top:-270px}.brand-panel::after{width:390px;height:390px;right:-220px;bottom:-190px}.brand-panel__halo{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgb(43 159 232 / 12%),transparent 65%)}
.brand-panel__content{position:relative;z-index:1;width:min(510px,80%);text-align:center}.brand-panel__logo{display:block;width:100%;max-height:300px;object-fit:contain;filter:brightness(0) invert(1)}.brand-panel__divider{width:42px;height:2px;margin:30px auto 22px;background:var(--accent)}.brand-panel__content p{margin:0 0 7px;color:rgb(255 255 255 / 64%);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.brand-panel__content strong{font-size:19px;letter-spacing:.02em}.brand-panel__footer{position:absolute;z-index:1;bottom:28px;left:0;right:0;margin:0;text-align:center;color:rgb(255 255 255 / 44%);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.auth-panel{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--page);padding:64px 48px}.auth-panel__ring{position:absolute;width:440px;height:440px;right:-260px;top:-250px;border:70px solid rgb(43 159 232 / 7%);border-radius:50%}.theme-toggle{position:absolute;z-index:2;right:28px;top:22px;width:50px;height:26px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:transparent;cursor:pointer;font-size:0;box-shadow:0 8px 22px var(--shadow)}.theme-toggle::before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--primary);transition:transform .18s ease}.theme-toggle:hover{border-color:var(--accent)}:root[data-theme="dark"] .theme-toggle::before{transform:translateX(24px)}
.auth-card{position:relative;z-index:1;width:min(440px,100%);padding:18px 0}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.auth-view{display:none}body[data-view="login"] [data-auth-view="login"],body[data-view="register"] [data-auth-view="register"],body[data-view="forgot"] [data-auth-view="forgot"],body[data-view="reset"] [data-auth-view="reset"]{display:block}.auth-view h1{margin:0;color:var(--text);font-size:42px;line-height:1.08;letter-spacing:-.04em}.intro{margin:16px 0 27px;color:var(--muted);font-size:15px;line-height:1.65}
.alert{margin:0 0 20px;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.45}.alert:empty{display:none}.alert--success{border:1px solid #b9decf;background:#edf9f4;color:var(--success)}.alert--error{border:1px solid #edc2c5;background:#fff0f1;color:var(--danger)}
.auth-form{display:grid;gap:17px}.auth-form>label{display:grid;gap:8px;color:var(--text);font-size:12px;font-weight:700}.input-shell{position:relative;display:block}.input-shell input{width:100%;height:49px;border:1px solid var(--line);border-radius:8px;outline:none;background:var(--field);color:var(--text);padding:0 44px;font-size:14px;transition:.16s}.input-shell input::placeholder{color:#93a0b1}.input-shell input:focus{border-color:var(--primary);background:var(--field-focus);box-shadow:0 0 0 3px rgb(13 74 142 / 10%)}.input-icon{position:absolute;z-index:1;left:15px;top:16px;color:#7d91a9;font-size:14px;font-weight:500}.input-icon--lock{font-size:10px;top:18px}.password-toggle{position:absolute;right:6px;top:6px;width:37px;height:37px;border:0;background:transparent;color:#7b8da3;cursor:pointer;font-size:18px}.password-toggle:hover{color:var(--primary)}
.form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-2px;font-size:12px}.form-options a,.back-link{color:var(--primary);font-weight:700;text-decoration:none}.form-options a:hover,.back-link:hover{text-decoration:underline}.check{display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:400}.check input{width:16px;height:16px;margin:0;accent-color:var(--primary)}.password-help{margin:-5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:1px solid transparent;padding:0 18px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;transition:.16s}.button--primary{margin-top:4px;background:var(--primary);color:#fff;box-shadow:0 8px 18px rgb(13 74 142 / 18%)}.button--primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.button--secondary{background:transparent;border-color:var(--accent);color:var(--primary)}.button--secondary:hover{background:rgb(43 159 232 / 8%)}.auth-divider{display:flex;align-items:center;gap:12px;margin:21px 0;color:#8b99aa;font-size:11px;text-transform:uppercase}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}.back-link{display:inline-flex;margin-top:23px;font-size:13px}
.security-note{display:flex;align-items:center;gap:11px;margin-top:28px;padding:13px 14px;border-radius:8px;background:var(--soft);color:var(--muted)}.security-note>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e4f5ed;color:var(--success);font-weight:800}.security-note p{margin:0;font-size:11px;line-height:1.45}.security-note strong{color:var(--text);font-size:12px}.copyright{margin:18px 0 0;text-align:center;color:#96a2b0;font-size:10px}
@media(max-width:860px){body{height:auto;overflow:auto}.auth-layout{grid-template-columns:1fr;min-height:100vh}.brand-panel,.auth-panel{height:auto;min-height:50vh}.brand-panel{display:grid;padding:34px 28px}.brand-panel::before,.brand-panel::after,.brand-panel__halo{display:none}.brand-panel__content{width:100%}.brand-panel__logo{width:min(72%,420px);max-height:36vh;margin:auto}.brand-panel__divider,.brand-panel__content p,.brand-panel__content strong,.brand-panel__footer{display:none}.auth-panel{display:flex;align-items:flex-start;justify-content:center;padding:72px 28px 56px}.auth-panel__ring{width:190px;height:190px;right:48px;top:48px;border-width:26px}.auth-card{width:min(100%,520px);padding:0}.eyebrow{font-size:15px;line-height:1.35;letter-spacing:3px;max-width:220px}.auth-view h1{font-size:40px;line-height:1.03;letter-spacing:0}.intro{font-size:17px;line-height:1.42}.copyright{position:static;margin:30px 28px 20px}.theme-toggle{right:28px;top:22px}}
@media(max-width:560px){.brand-panel__logo{width:min(80%,360px)}.auth-view h1{font-size:40px}.auth-form>label{font-size:15px}.input-shell input{height:58px;font-size:16px;padding-left:44px}.input-icon{top:20px}.input-icon--lock{top:22px}.password-toggle{top:10px}.button{min-height:58px;font-size:16px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}.check,.form-options a{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}