/* ARAH R5: sign-in visual alignment. Dedicated, versioned landing-only stylesheet. */
:root {--gold:#f8b34b;--gold-bright:#ffd17c;--card:#2b3544;--line:rgba(174,194,215,.21)}
.header {background:rgba(7,14,23,.965)}
.button-gold {background:#f8b34b;border-color:#f8b34b;color:#07131f}
.button-gold:hover {background:#ffd17c;border-color:#ffd17c}
.nav-toggle,.button-outline {border-color:rgba(169,188,209,.30)}
.hero .eyebrow,.section-tag {color:#f8b34b}
.system-box-image{position:relative!important;display:block!important;width:100%!important;aspect-ratio:475/270!important;min-height:0!important;height:auto!important;border:1px solid rgba(70,150,203,.38)!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;background:#0b2236!important;box-shadow:0 20px 65px rgba(0,5,16,.36)!important}
.system-box-image .system-approved-img{display:block!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:fill!important;object-position:center!important;border-radius:17px!important;max-width:none!important}
.dashboard-shell{border-color:rgba(150,171,195,.30)}
.icon-square{border-color:rgba(248,179,75,.24)}
.cta-box{background:linear-gradient(111deg,#f8bf65,#f1ad4d 65%,#df9340)}
@media(max-width:650px){.system-box-image{border-radius:13px!important}.system-box-image .system-approved-img{border-radius:12px!important}}