:root{font-family:Arial,Helvetica,sans-serif;color:#102b45;background:#f4f6fa;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}main{width:min(100%,460px);padding:42px;background:white;border:1px solid #e0e6ef;border-radius:20px;box-shadow:0 12px 48px #153f6410}img{display:block;width:210px;max-width:100%;height:auto;margin-bottom:40px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#3056d8}h1{font-size:30px;line-height:1.2;margin:12px 0 18px}p{line-height:1.55;color:#57667b}.login{display:flex;justify-content:space-between;gap:20px;margin-top:28px;background:#2f55d7;color:#fff;padding:16px 18px;text-decoration:none;font-weight:700;border-radius:9px;min-height:50px}.login:hover{background:#2446b9}a:focus-visible{outline:3px solid #ebae28;outline-offset:4px}.note{font-size:12px;margin-top:20px}.secondary{display:inline-block;margin-top:8px;font-size:13px;color:#2f55d7}footer{margin-top:28px;text-align:center;font-size:12px;color:#6b778b}@media(max-width:480px){main{padding:28px}h1{font-size:27px}}