:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#17293b;background:#f2f5fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
main{max-width:580px;margin:0 auto;padding:58px 24px 28px}
.brand{display:flex;gap:18px;align-items:center;margin:0 0 36px}
.brand img{border-radius:21px;box-shadow:0 7px 20px #1a537313}
.brand strong{font-size:26px;letter-spacing:-1px}
.brand p{margin:5px 0 0;color:#758292;font-size:16px}
.card{padding:32px;background:#fff;border:1px solid #dce3ed;border-radius:26px;box-shadow:0 14px 40px #263d5d06}
.badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 25px;font-size:13px;line-height:1.4;color:#7b581c;background:#fff3dc;border-radius:10px;padding:8px 11px}
.badge span{width:7px;height:7px;border-radius:50%;background:#c59636}
h1{font-size:36px;line-height:1.13;letter-spacing:-1.3px;margin:0}
.intro{font-size:17px;line-height:1.6;color:#6c7a8c;margin:20px 0 28px}
.button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;font-weight:650;font-size:16px;min-height:58px;padding:16px 18px;border-radius:15px}
.primary{color:white;background:#245f9e}
.secondary{color:#285e96;background:#f4f8fd;border:1px solid #d7e2ef;margin-top:12px}
.button:hover{filter:brightness(.96)}
.button:focus-visible{outline:3px solid #63a6e9;outline-offset:4px}
.note{color:#84909e;line-height:1.5;font-size:13px;margin:23px 0 0}
footer{text-align:center;color:#8b96a3;font-size:12px;padding:24px 0}
@media(max-width:420px){main{padding:32px 20px 20px}.brand{gap:14px;margin-bottom:27px}.brand img{width:64px;height:64px;border-radius:19px}.brand strong{font-size:24px}.brand p{font-size:14px}.card{padding:25px 22px;border-radius:24px}h1{font-size:32px}.intro{font-size:16px}.button{font-size:15px;padding:15px 16px}}