/* Scoped to sign-in so profile and administration layouts remain independent. */
body[data-page="login"]{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 12% 35%,#e2f0f5 0,transparent 52%),#f4f7fb;color:#16324e}
body[data-page="login"] *{box-sizing:border-box}
body[data-page="login"] header{background:transparent;border:0;padding:28px max(6vw,24px)}
.login-caption{font-size:12px;color:#60768c}
body[data-page="login"] .brand{color:#16324e;font-size:23px}
body[data-page="login"] main.login-layout{width:100%;max-width:1100px;margin:auto;flex:1;padding:42px 32px 64px;grid-template-columns:1.15fr 1fr;gap:85px}
.login-story .eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#287984;margin:0 0 18px}
.login-story h1{font-size:clamp(36px,4.3vw,54px);line-height:1.12;letter-spacing:-2px;margin:0 0 22px}
.login-story .intro{font-size:16px;line-height:1.7;color:#60768c;max-width:390px;margin:0}
.workspace-preview{max-width:365px;margin-top:34px;padding:19px 22px;background:#ffffffb8;border:1px solid #dce7ef;border-radius:16px;box-shadow:0 16px 40px #17395408;transform:rotate(-2deg)}
.preview-top{display:flex;align-items:center;gap:7px;font-size:11px;color:#74869b;border-bottom:1px solid #e8eef4;padding-bottom:14px}.preview-dot{width:6px;height:6px;border-radius:50%;background:#39aa90}.preview-status{margin-left:auto;background:#e1f5ed;color:#25755d;padding:2px 8px;border-radius:5px;font-size:10px}.preview-row{display:flex;gap:12px;align-items:center;padding:20px 0}.preview-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#163b5e;color:#80e1cf;font-weight:700}.preview-row strong{display:block;font-size:12px}.preview-row small{display:block;font-size:10px;color:#8293a5;margin-top:3px}.preview-check{margin-left:auto;color:#29a488}.preview-bars{display:flex;gap:7px}.preview-bars span{height:5px;border-radius:3px;flex:1;background:#dce8f1}.preview-bars span:first-child{background:#6cbdb5}.preview-bars span:last-child{flex:.6}.story-note{font-size:12px;color:#74899b;margin:24px 0 0}
.login-panel{padding:35px;border-radius:20px;border:1px solid #e0e8f0;box-shadow:0 20px 65px #1739540c;background:#fff}
.login-symbol{width:45px;height:45px;display:grid;place-items:center;background:#edf4fc;border:1px solid #dce8f6;color:#225baa;border-radius:12px;margin-bottom:20px}.login-symbol svg{width:25px;height:25px}
.login-panel h2{font-size:27px;letter-spacing:-.7px;margin:0;line-height:1.3}.login-panel>.muted{font-size:13px;margin:9px 0 25px;color:#75869a}.login-panel form{gap:19px}.login-panel label{font-size:12px;color:#354f69;gap:8px}.login-panel input{height:47px;padding:12px 13px;border-color:#d6e0eb;background:#fbfcfe;font-size:13px}.login-panel input::placeholder{color:#92a1b2}.login-panel input:focus{background:#fff}.login-panel .password-input input{padding-right:49px}.password-eye{width:39px;height:39px;min-height:39px;top:4px;right:4px;padding:10px;display:grid;place-items:center;color:#72869b}.password-eye svg{width:19px;height:19px}.password-eye .eye-closed{display:none}.password-eye[aria-pressed="true"] .eye-open{display:none}.password-eye[aria-pressed="true"] .eye-closed{display:block}.login-panel .sign-in-button{display:flex;justify-content:center;align-items:center;gap:12px;background:#155ac3;height:47px;font-size:13px;margin-top:3px}.login-panel .sign-in-button:hover{background:#104b9e}.sign-in-button span{font-size:19px;font-weight:400}.login-help{font-size:11px;color:#8090a3;text-align:center;margin:23px 0 0}.login-panel .message{font-size:12px;line-height:1.6;margin-bottom:18px}
body[data-page="login"] footer{padding:20px max(6vw,24px);border-top:1px solid #e1e8f0;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#7d8fa2;text-align:left}
@media(max-width:800px){body[data-page="login"] main.login-layout{gap:35px;padding:28px 24px 45px}.login-panel{padding:27px}.workspace-preview{padding:17px}.login-story h1{font-size:38px}}
@media(max-width:620px){body[data-page="login"] header{padding:21px 22px}.login-caption{font-size:10px}body[data-page="login"] main.login-layout{grid-template-columns:1fr;max-width:440px;gap:25px;padding:20px 22px 35px}.login-story h1{font-size:32px;letter-spacing:-1px;margin-bottom:12px}.login-story h1 br{display:none}.login-story .eyebrow{margin-bottom:12px;font-size:9px}.login-story .intro{font-size:13px}.workspace-preview,.story-note{display:none}.login-panel{padding:25px}.login-symbol{margin-bottom:16px}.login-panel h2{font-size:24px}body[data-page="login"] footer{flex-direction:column;padding:18px 22px;font-size:10px}}