:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#141d3a;background:#fff;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}
header{background:#fff;box-shadow:0 4px 9px #0002;position:relative;z-index:1;padding:22px max(24px,calc((100vw - 1120px)/2))}
.brand{display:block;width:280px;max-width:75vw}.brand img{display:block;width:100%;height:auto}
main{width:100%;max-width:1176px;margin:auto;padding:52px 28px 44px;display:grid;grid-template-columns:1fr 1.1fr;gap:36px 52px;align-items:center}
.art img{width:100%;height:auto;display:block}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#bf8900;margin:0 0 15px}
h1{font-size:clamp(32px,4.3vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0 0 20px;max-width:520px}p{line-height:1.6}
#message{font-size:18px;color:#707481;margin:0;max-width:510px}
nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 17px}nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f41423;color:#fff;text-decoration:none;border-radius:15px;padding:16px 19px;font-size:21px;font-weight:750;box-shadow:0 4px 0 #c9142220}nav a:hover{background:#d90e1c}nav small{display:block;font-size:11px;font-weight:500;margin-bottom:2px}nav a>span:last-child{font-size:25px;font-weight:400}
a:focus-visible{outline:3px solid #c48b00;outline-offset:5px}.hint{font-size:12px;color:#707481;margin:0;line-height:1.6}
.steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.steps article{background:#f4f5f8;border:1px solid #f0f1f4;border-radius:22px;padding:23px 20px;display:flex;gap:16px;align-items:flex-start}.number{color:#f41423;font-weight:800;font-size:25px;line-height:1.3}h2{font-size:18px;margin:0 0 7px}.steps p{font-size:14px;color:#707481;margin:0}
footer{background:#050505;color:#fff;text-align:center;padding:17px 20px;font-size:13px}footer strong{font-size:23px;letter-spacing:-.04em;margin-left:6px;vertical-align:middle}
@media(max-width:740px){header{padding:17px 22px}.brand{width:245px}main{grid-template-columns:1fr;gap:24px;padding:26px 23px 34px;max-width:540px}.art{max-width:310px;margin:auto}.intro{text-align:center}h1{font-size:36px}.eyebrow{margin-bottom:12px}#message{font-size:17px}.steps{grid-template-columns:1fr;gap:12px;margin-top:4px;text-align:left}.steps article{padding:18px 20px}.hint{font-size:12px}nav a{text-align:left;padding:15px;font-size:20px}}
@media(max-width:360px){main{padding-left:16px;padding-right:16px}h1{font-size:31px}nav{grid-template-columns:1fr}.art{max-width:260px}}