
.auth-page{margin:0;background:#f6f7fb}.auth-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 10% 0%,#e6e8f7 0%,transparent 55%),#f6f7fb}.auth-card{width:min(1080px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:min(680px,calc(100dvh - 48px));border-radius:24px;overflow:hidden;border:1px solid #e6e8ef;box-shadow:0 24px 80px #19384b0d}.auth-brand-panel{background:linear-gradient(150deg,#18233b,#293956);padding:40px;display:flex;flex-direction:column;min-width:0;color:white}.auth-brand{display:flex;gap:12px;align-items:center;color:white;font-size:22px;letter-spacing:-.6px}.auth-brand:hover{text-decoration:none}.auth-brand .brand-mark{font-size:16px;width:44px;height:44px;background:var(--brand)}.auth-brand-copy{margin:auto 0;padding:60px 0}.auth-brand-copy .eyebrow{color:#b8baf2;font-size:10px}.auth-brand-copy h1{font-size:38px;letter-spacing:-1.1px;font-weight:600;line-height:1.2;margin:16px 0 22px}.auth-brand-copy>p:not(.eyebrow){color:#b0bdd3;font-size:13px;line-height:1.85;max-width:400px}.auth-features{margin-top:30px;display:grid;gap:14px;font-size:12px;color:#d8e0f1}.auth-features span{display:inline-grid;place-items:center;width:22px;height:22px;background:#ffffff0d;color:#b8baf2;border-radius:50%;margin-right:10px}.auth-brand-footer{font-size:11px;color:#92a3c0;margin:0}.auth-form-panel{background:white;padding:40px;display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-form-panel .eyebrow{font-size:10px;margin:0 0 10px}.auth-form-panel h2{font-size:28px;line-height:1.3;letter-spacing:-.85px;font-weight:650;margin:0 0 12px}.auth-intro{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 26px}.auth-form-panel .field{margin-bottom:20px}.auth-form-panel label{font-size:12px;margin-bottom:8px;font-weight:500}.auth-form-panel input{height:48px;min-width:0;padding:12px 14px;background:#fff;border-color:#dce1ec;font-size:13px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-toggle{position:absolute;right:5px;top:5px;min-height:38px;padding:0 12px;border:0;background:transparent;color:#647089;font-size:11px;font-weight:500}.password-toggle:hover{background:#f5f4fe;color:var(--brand)}.password-help{font-size:10px;color:#7d879d;margin:-10px 0 18px}.auth-submit{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 18px;background:var(--brand);color:white;border-radius:9px;font-size:13px}.auth-submit span:last-child{font-size:18px}.auth-divider{height:1px;background:#e7e9f1;margin:28px 0 20px}.auth-switch{font-size:12px;color:#6b758c;margin:0}.auth-switch a{font-weight:600;color:var(--brand);margin-left:4px}.auth-note{font-size:10px;line-height:1.8;color:#8992a6;margin:16px 0 0}.auth-message{background:#fff1f3;border:1px solid #f4d1d9;color:#af3a50;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.7;margin-bottom:20px}.auth-message.info{background:#f4f3ff;border-color:#dedafa;color:#524a96}.auth-legacy{background:transparent;border:0;color:var(--brand);font-size:11px;padding:0;align-self:flex-start;margin-top:12px;min-height:24px}.auth-legacy:hover{background:transparent;text-decoration:underline}.auth-form-panel form[hidden]{display:none}
@media(max-height:800px) and (min-width:761px){.auth-brand-panel,.auth-form-panel{padding:32px 38px}.auth-brand-copy{padding:32px 0}.auth-form-panel .field{margin-bottom:16px}.auth-intro{margin-bottom:22px}.auth-divider{margin:22px 0 16px}.auth-brand-copy h1{font-size:34px}}
@media(max-width:900px){.auth-brand-panel,.auth-form-panel{padding:30px}.auth-brand-copy h1{font-size:30px}.auth-form-panel h2{font-size:25px}}
@media(max-width:760px){.auth-shell{padding:16px;align-items:flex-start}.auth-card{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:16px}.auth-brand-panel{padding:24px}.auth-brand{font-size:20px}.auth-brand-copy{padding:18px 0 0;margin:0}.auth-brand-copy h1{font-size:26px;margin:8px 0 12px}.auth-brand-copy>p:not(.eyebrow),.auth-features,.auth-brand-footer{display:none}.auth-brand-copy .eyebrow{display:none}.auth-form-panel{padding:28px 24px}.auth-form-panel h2{font-size:25px}.auth-form-panel .field{margin-bottom:18px}.auth-note{font-size:10px}}

/* Independent Mail authentication visual identity. */
.auth-shell{background:#f4f2fa;padding:32px 20px}.auth-card{display:block;width:min(460px,100%);min-height:0;border-radius:20px;border-color:#e4deee;box-shadow:0 20px 70px #37235a12}.auth-form-panel{padding:36px}.mail-auth-brand{display:flex;gap:10px;align-items:center;font-size:20px;color:#5146df;margin-bottom:34px;text-decoration:none}.auth-form-panel h2{font-size:27px}.auth-form-panel .eyebrow{color:#827494}.auth-submit{justify-content:center;gap:14px}.auth-note{display:none}@media(max-width:760px){.auth-shell{align-items:center;padding:20px 16px}.auth-form-panel{padding:28px 24px}}

/* Mail Studio account pages — independent from portal. */
.auth-shell{background:#f5f3ec}.auth-card{background:#fffefb;border:1px solid #dedfd3;border-radius:7px;box-shadow:0 12px 45px #34473108}.auth-form-panel{background:#fffefb;padding:40px}.mail-auth-brand{color:#4b653a;font-size:20px;letter-spacing:-.6px}.auth-form-panel h2{font:400 32px/1.2 Georgia,serif;letter-spacing:-1px;color:#2f4834}.auth-form-panel .eyebrow{color:#899476;letter-spacing:2px}.auth-intro{color:#8b927f}.auth-form-panel input{border-color:#dde3d1;background:#fdfef8;border-radius:5px;color:#3e5336}.auth-form-panel label{color:#738366}.auth-submit{border-radius:5px;background:#244b3c;color:#fafdf4;font-size:12px}.auth-submit:hover{background:#17392b}.auth-divider{background:#e2e7d7}.auth-switch,.password-help{color:#949d86}.auth-switch a{color:#557a3d}.password-toggle{color:#7c8f69}.password-toggle:hover{background:#eff3e5;color:#4a7035}.auth-message.info{background:#f0f4e4;border-color:#dce6c9;color:#65814b}@media(max-width:760px){.auth-form-panel{padding:30px 25px}}
