.auth-page{min-height:100dvh;display:grid;grid-template-columns:1.08fr 1fr;background:var(--bg);color:var(--ink)}
.auth-intro{background:#24395c;color:#f1f5ff;display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,7vw,110px);position:relative;overflow:hidden}
.auth-intro:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #bdd3ff35;border-radius:50%;right:-210px;bottom:-100px;box-shadow:0 0 0 60px #bdd3ff0a,0 0 0 120px #bdd3ff05;pointer-events:none}
.auth-wordmark{font-size:25px;font-weight:800;letter-spacing:1px;margin-bottom:10px}
.auth-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted)}
.auth-intro .auth-eyebrow{color:#b6c9eb}
.auth-intro h1{font-size:clamp(34px,4.2vw,62px);line-height:1.12;letter-spacing:-2px;margin:42px 0 24px;font-weight:650}
.auth-intro>p:not(.auth-eyebrow){font-size:15px;line-height:1.8;color:#cfdbef;max-width:390px}
.auth-test-label{font-size:11px;color:#c6d7f3;margin-top:38px}
.auth-panel{align-self:center;max-width:430px;width:calc(100% - 64px);margin:40px auto}
.auth-panel h2{font-size:29px;letter-spacing:-1px;margin:15px 0 11px}
.auth-panel>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:29px}
.auth-panel .field{margin-bottom:22px}
.auth-panel input{width:100%;font-size:16px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--rh-input);color:var(--ink)}
.auth-panel label{display:block;font-size:12px;font-weight:650;margin-bottom:10px}
.auth-submit{width:100%;justify-content:space-between;padding:16px 20px}
.auth-error{font-size:12px;line-height:1.5;color:var(--rh-danger-text);min-height:18px;margin-bottom:14px}
.auth-footnote{margin-top:23px;font-size:11px!important}
.auth-theme{background:transparent;border:0;color:var(--rh-accent);font-size:12px;padding:8px 0;cursor:pointer}
.connected-mode .preview-bar{display:none}
.connected-mode .app-shell{min-height:100dvh}
.connected-mode .viewport{padding-top:0;min-height:100dvh}
.connected-mode .sidebar{top:0;min-height:100dvh}
.connected-mode .sidebar-version{font-size:10px}
.connection-status{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:var(--rh-info-bg);color:var(--rh-info-text);border:1px solid var(--line);border-radius:12px;padding:12px 18px;max-width:calc(100vw - 32px);font-size:12px;z-index:150;box-shadow:0 8px 28px #0002}
.connection-error{background:var(--rh-warning-bg);color:var(--rh-warning-text)}
.connected-logout,.connected-refresh{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:9px 12px;font-size:11px;cursor:pointer}
@media(max-width:720px){.auth-page{grid-template-columns:1fr}.auth-intro{padding:30px 25px}.auth-intro h1{font-size:30px;margin:25px 0 15px;letter-spacing:-1px}.auth-intro h1 br{display:none}.auth-intro h1 br:after{content:' '}.auth-intro>p:not(.auth-eyebrow){font-size:13px}.auth-test-label{margin-top:18px}.auth-panel{width:calc(100% - 48px);margin:35px auto}.auth-panel h2{font-size:25px}.connected-mode .sidebar{min-height:auto}.connected-mode .main-content{padding-bottom:90px}.connected-logout,.connected-refresh{padding:8px;font-size:10px}.connected-mode .topbar-right{gap:8px}}