.auth-page{min-height:100vh;background:var(--navy);color:white}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}
.auth-brand{padding:55px 6vw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#02162ce8,#02162ca8),url("../images/hero.jpg") center/cover}
.auth-brand h1{font-size:clamp(2.7rem,4.6vw,5.5rem)}
.auth-brand>p{color:#9eb4be;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}
.auth-panel{background:var(--cream);color:var(--ink);display:grid;place-items:center;padding:50px}
.auth-form{width:min(100%,450px)}
.auth-form h2{font-size:2.5rem}
.auth-form>p:not(.eyebrow){color:var(--muted)}
.auth-form form,.account-form{display:grid;gap:20px;margin-top:35px}
.auth-form label,.account-form label{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.auth-form input,.account-form input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:white;font:inherit;outline:none}
.auth-form input:focus,.account-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #009e8e22}
.auth-form .button,.account-form .button{width:100%;margin-top:8px}
.auth-error,.auth-success{padding:12px 15px;margin-top:20px;font-size:.88rem;border-left:3px solid #b43a3a;background:#fff0f0;color:#7e2020}
.auth-success{border-color:var(--teal);background:#e8f7f3;color:#075f52}
.account-page{background:var(--cream)}
.account-header{background:var(--navy);color:white;padding:22px 6vw;display:flex;justify-content:space-between;align-items:center}
.account-header nav{display:flex;gap:25px}
.account-main{max-width:680px;margin:80px auto;padding:0 25px}
.account-main h1{font-size:3.5rem;margin-bottom:10px}
.account-form{margin-top:45px}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr}
.auth-brand{min-height:330px}
.auth-brand>p{display:none}
.auth-panel{padding:55px 25px}
}
.brand-mark{width:48px!important;height:48px!important;border:0!important;border-radius:12px!important;background:#03182e url("../images/idtde-mark.svg?v=20260809") center/cover no-repeat!important;color:transparent!important;font-size:0!important;flex:0 0 auto}
.password-field{position:relative;display:block;width:100%}.password-field input{padding-right:78px!important}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:5px;border:0;border-radius:5px;background:transparent;color:#52656e;padding:6px 7px;font:700 10px Arial,sans-serif;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:#e7efec;color:#007764}.password-toggle span{font-size:13px}.password-toggle.visible span{color:#009e8e}.password-toggle:focus-visible{outline:2px solid #009e8e;outline-offset:1px}