.login-page{color:#143946;background:#f2f7f9;grid-template-columns:minmax(420px,1.05fr) minmax(520px,.95fr);min-height:100vh;display:grid}.login-visual{background:linear-gradient(145deg,#021f31b8,#063e5bd9),url(/tool-pharos.webp) 50%/cover no-repeat;align-items:flex-end;min-height:100vh;padding:clamp(42px,7vw,94px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";border:1px solid #8bc7dc52;border-radius:50%;width:560px;height:560px;position:absolute;top:-170px;right:-190px;box-shadow:0 0 0 80px #63abc41f,0 0 0 160px #63abc414}.login-visual:after{content:"";background:linear-gradient(#0000,#021b2be8);height:45%;position:absolute;inset:auto 0 0}.login-visual-copy{z-index:1;color:#fff;max-width:620px;position:relative}.login-eyebrow{color:#bfe9f4;letter-spacing:.12em;text-transform:uppercase;background:#063e5ba6;border:1px solid #9cd2e066;border-radius:999px;padding:7px 11px;font-size:.7rem;font-weight:800;display:inline-flex}.login-visual h1{letter-spacing:-.045em;max-width:580px;margin:18px 0 14px;font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:1.02}.login-visual p{color:#d2e8ef;max-width:570px;margin:0;font-size:1rem;line-height:1.65}.login-visual ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.login-visual li{color:#ecf8fb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#052e43b8;border:1px solid #a4d6e347;border-radius:10px;align-items:flex-start;gap:8px;padding:12px;font-size:.78rem;line-height:1.35;display:flex}.login-visual li svg{color:#ffc247;flex:0 0 16px;width:16px}.login-access{background:radial-gradient(circle at 100% 0,#d8edf3 0,#0000 36%),#f5f9fa;flex-direction:column;justify-content:center;gap:16px;min-height:100vh;padding:32px clamp(34px,6vw,86px);display:flex}.login-brand{width:min(100%,560px);margin:0 auto}.login-brand .pharos-logo{width:max-content}.login-brand .pharos-logo-mark{width:66px;height:66px}.login-brand .pharos-wordmark strong{font-size:1.65rem}.login-brand .pharos-wordmark em{font-size:.59rem}.login-card,.login-authenticator-help{background:#fff;border:1px solid #cddfe5;border-radius:18px;width:min(100%,560px);margin:0 auto;box-shadow:0 20px 60px #06384a17}.login-card{padding:24px 28px}.login-card>header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-card>header>span{color:#00688d;background:#e6f3f7;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.login-card>header svg{width:22px}.login-card header small{color:#718891;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.login-card h2{color:#123744;margin:3px 0 0;font-size:1.25rem}.login-card form{flex-direction:column;gap:14px;display:flex}.login-card label{color:#35545f;flex-direction:column;gap:7px;font-size:.76rem;font-weight:800;display:flex}.login-card input{color:#143946;width:100%;height:46px;font:inherit;background:#fbfdfe;border:1px solid #bcd0d8;border-radius:9px;outline:none;padding:0 13px;font-size:.9rem;transition:border-color .16s,box-shadow .16s}.login-card input:focus{border-color:#007496;box-shadow:0 0 0 3px #00749620}.login-card input::placeholder{color:#93a6ad}.login-code{text-align:center;letter-spacing:.24em;font-size:1.3rem!important;font-weight:800!important}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#005d7e,#0082a5);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:2px;font-weight:800;display:flex;box-shadow:0 8px 20px #00698c2b}.login-submit:hover:not(:disabled){filter:brightness(1.07)}.login-submit:disabled{opacity:.62;cursor:wait}.login-submit svg{width:18px}.login-restart{color:#52707a;cursor:pointer;background:0 0;border:0;font-weight:700}.login-error{color:#b63423;background:#fff1ee;border:1px solid #efb7ae;border-radius:8px;margin:0;padding:10px 12px;font-size:.78rem;line-height:1.4}.login-instruction{color:#59737d;margin:0;font-size:.82rem;line-height:1.5}.login-recovery-hint{color:#657d86;align-items:center;gap:7px;margin:0;font-size:.74rem;display:flex}.login-recovery-hint svg{color:#d68b00;width:16px}.login-authenticator-help{padding:16px 19px;box-shadow:0 10px 35px #06384a0d}.login-authenticator-title{align-items:flex-start;gap:11px;display:flex}.login-authenticator-title>svg{color:#007496;flex:0 0 22px;width:22px}.login-authenticator-help h3{color:#204653;margin:0;font-size:.9rem}.login-authenticator-help p{color:#6a818a;margin:3px 0 0;font-size:.72rem;line-height:1.4}.login-app-list{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.login-app-list span{color:#315763;background:#f4f9fa;border:1px solid #d2e1e6;border-radius:999px;padding:5px 8px;font-size:.67rem;font-weight:700}.login-authenticator-help>small{color:#748991;font-size:.67rem;line-height:1.45;display:block}.login-recovery-explanation{color:#6f5316;background:#fff7e7;border-radius:9px;align-items:flex-start;gap:9px;margin-top:11px;padding:10px;display:flex}.login-recovery-explanation>svg{color:#d28a00;flex:0 0 18px;width:18px}.login-recovery-explanation p{margin:0;color:#6f5b2a!important}.login-recovery-explanation strong{color:#61480d;margin-bottom:2px;display:block}@media (max-width:1050px){.login-page{grid-template-columns:1fr}.login-visual{min-height:360px;padding:42px}.login-visual h1{font-size:2.8rem}.login-access{min-height:auto;padding:38px 24px 55px}.login-visual ul{max-width:760px}}@media (max-width:650px){.login-visual{min-height:310px;padding:28px 20px}.login-visual h1{font-size:2.15rem}.login-visual p{font-size:.88rem}.login-visual ul{display:none}.login-access{padding:28px 14px 40px}.login-card{padding:22px 18px}.login-brand .pharos-logo-mark{width:60px;height:60px}.login-brand .pharos-wordmark strong{font-size:1.45rem}}