:root{--navy:#0e1f27;--navy-2:#1c2c33;--azure:#229fe2;--azure-deep:#0e76cd;--ivory:#f4f1ea;--stone:#b0ada6}*{box-sizing:border-box}html,body{background:var(--navy);color:var(--ivory);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.hero{background:var(--navy);flex-direction:column;min-height:100svh;display:flex}.topbar{justify-content:flex-end;padding:20px clamp(16px,4vw,40px);display:flex}.btn-login{background:var(--azure);color:#04131a;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-block}.btn-login:hover{background:#4db4ec}.btn-login:active{transform:translateY(1px)}.btn-login:focus-visible{outline:3px solid var(--ivory);outline-offset:3px}.hero-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 16px 8vh;display:flex}.hero-logo{width:min(760px,92vw);height:auto;display:block}.simple-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.simple-page h1{margin:0;font-weight:600}.simple-page p{color:var(--stone);margin:0 0 12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}