*{box-sizing:border-box}body{margin:0;background:#eef0f1;color:#24313b;font-family:Arial,Helvetica,sans-serif;line-height:1.55}main{max-width:640px;margin:40px auto;padding:38px;background:#fff;border-radius:20px;box-shadow:0 16px 48px #24313b15;border-top:5px solid #9b6647}header{display:flex;align-items:center;gap:15px;font-size:20px;font-weight:800}header img{border-radius:12px}header small{display:block;font-size:10px;letter-spacing:1.3px;color:#61717d;margin-top:3px}.eyebrow{font-size:11px;color:#9b6647;font-weight:700;letter-spacing:1px;margin:36px 0 14px}h1{font-size:42px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 20px}h1 span{color:#9b6647}.intro{font-size:17px;max-width:440px;margin-bottom:28px}.button{display:flex;justify-content:space-between;align-items:center;background:#24313b;color:white;text-decoration:none;border-radius:10px;padding:15px 20px;font-size:17px;font-weight:700;box-shadow:0 4px 0 #10191f}.button:hover{background:#364854}.button:focus-visible,a:focus-visible{outline:3px solid #bc906d;outline-offset:4px}.button:active{transform:translateY(2px);box-shadow:0 2px 0 #10191f}.hint{font-size:12px;color:#61717d;margin-top:14px}section{background:#f4f6f7;padding:18px 20px;margin-top:28px;border-radius:10px}h2{font-size:16px;margin:0 0 6px}section p{font-size:14px;margin:0}footer{border-top:1px solid #dde3e7;padding-top:20px;margin-top:28px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#61717d}footer a{color:#61717d}@media(max-width:600px){main{margin:0;border-radius:0;min-height:100vh;padding:28px 22px}h1{font-size:36px}.eyebrow{margin-top:28px}.intro{font-size:16px}.button{font-size:16px}footer{flex-wrap:wrap}}
