/* OrcaSure Android download cards v2: transparent graphics, no white card wrapper.
   This sheet applies only to the existing role-specific sign-in screens. */
.auth-page .os-mobile-promo{box-sizing:border-box;width:100%;min-width:0;max-width:880px;margin:22px 0 0;padding:0;background:none!important;border:0!important;box-shadow:none!important}
.auth-page .os-mobile-promo a.os-mobile-promo-link{display:block;width:100%;margin:0;padding:0;overflow:visible;color:#fff;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;text-decoration:none;transition:transform .17s ease,filter .17s ease}
.auth-page .os-mobile-promo a.os-mobile-promo-link:hover{transform:translateY(-3px);filter:drop-shadow(0 14px 20px rgba(0,18,46,.28))}
.auth-page .os-mobile-promo a.os-mobile-promo-link:focus-visible{outline:3px solid #ffdc79;outline-offset:5px;border-radius:12px}
.auth-page .os-mobile-promo-image{display:block;width:100%;height:auto;background:transparent!important;border:0;object-fit:contain}
.auth-page .os-mobile-promo-compact{display:none}
.auth-page .os-mobile-promo-note{display:block;margin:8px 8px 0;color:#d2e4f0;font-size:11px;line-height:1.45}
/* Auditor card is stacked below the heading (the old row layout squeezed it). */
.auth-page .auth-story{flex-direction:column;align-items:stretch;justify-content:center;gap:0}
.auth-page .auth-story .auth-story-content{width:100%;max-width:730px}
.auth-page .auth-story .os-mobile-promo{max-width:730px;align-self:flex-start;margin-top:16px}
/* The compliance panel should be a dedicated branded surface, not a white outer box. */
.auth-page .auth-compliance{display:grid;grid-template-columns:minmax(340px,520px) minmax(360px,740px);align-items:center;justify-content:center;gap:clamp(28px,5vw,78px);width:100%;min-height:calc(100vh - 90px);padding:44px clamp(22px,5vw,96px);background:radial-gradient(ellipse at 86% 17%,rgba(2,158,150,.34),transparent 46%),linear-gradient(115deg,#061b35,#062f42 68%,#074c51)}
.auth-page .auth-compliance .auth-box{box-sizing:border-box;width:100%;max-width:520px;min-width:0;margin:0;box-shadow:0 20px 55px rgba(0,12,30,.25)}
.auth-page .auth-compliance .os-mobile-promo{max-width:740px;margin:0;align-self:center}
.auth-page .auth-compliance .os-mobile-promo-intro{margin:0 0 20px;padding:0 8px}
.auth-page .auth-compliance .os-mobile-promo-intro .eyebrow{color:#6ee9d6}
.auth-page .auth-compliance .os-mobile-promo-intro h2{max-width:650px;margin:0 0 12px;color:white;font-size:clamp(27px,2.6vw,38px);font-weight:800;line-height:1.14;letter-spacing:-1px}
.auth-page .auth-compliance .os-mobile-promo-intro p{max-width:600px;margin:0;color:#cce5eb;font-size:14px;line-height:1.55}
@media(max-width:1100px){.auth-page .auth-compliance{grid-template-columns:minmax(290px,500px) minmax(290px,1fr);gap:28px;padding:36px 3vw}}
@media(max-width:880px){.auth-page .auth-compliance{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:28px 20px}.auth-page .auth-compliance .auth-box,.auth-page .auth-compliance .os-mobile-promo{max-width:650px;margin-inline:auto;width:100%}.auth-page .auth-compliance .os-mobile-promo-intro{margin-bottom:13px}}
@media(max-width:620px){
 .auth-page .os-mobile-promo{margin-top:18px}
 .auth-page .os-mobile-promo-image{display:none}
 .auth-page .os-mobile-promo-compact{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:86px;padding:14px 16px;color:#fff;background:linear-gradient(115deg,#072747,#1266a6);border:1px solid #4894c9;border-radius:21px;box-shadow:0 12px 32px rgba(0,26,57,.25)}
 .auth-page .os-mobile-promo-compliance .os-mobile-promo-compact{background:linear-gradient(115deg,#073b49,#058775);border-color:#62d8c9}
 .auth-page .os-mobile-promo-compact strong,.auth-page .os-mobile-promo-compact small{display:block;line-height:1.3}
 .auth-page .os-mobile-promo-compact strong{font-size:14px;font-weight:800}
 .auth-page .os-mobile-promo-compact small{margin-top:4px;color:#cfecff;font-size:11px}
 .auth-page .os-mobile-promo-compliance .os-mobile-promo-compact small{color:#cbfff4}
 .auth-page .os-mobile-promo-compact-cta{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:7px 12px;white-space:nowrap;border-radius:999px;background:#fff;color:#082947;font-size:12px;font-weight:800}
 .auth-page .os-mobile-promo-compliance .os-mobile-promo-compact-cta{color:#03685f}
 .auth-page .auth-compliance{padding:22px 15px}
 .auth-page .auth-compliance .os-mobile-promo-intro h2{font-size:24px}
 .auth-page .auth-story .os-mobile-promo-note{color:#cfdeeb}
}
@media(max-width:360px){.auth-page .os-mobile-promo-compact{gap:6px;padding:12px}.auth-page .os-mobile-promo-compact strong{font-size:12px}.auth-page .os-mobile-promo-compact-cta{font-size:11px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.auth-page .os-mobile-promo a.os-mobile-promo-link{transition:none}}
@media print{.auth-page .os-mobile-promo{display:none}}