body{margin:0;background:#f5f2ea;color:#17352e;font:17px/1.65 system-ui,sans-serif}main{max-width:720px;margin:48px auto;padding:32px;background:white;border-radius:18px}h1{line-height:1.2;font-size:36px}h2{font-size:23px;margin-top:32px}a{color:#236653}label{display:block;margin-top:20px;font-weight:600}input,textarea,button{box-sizing:border-box;width:100%;font:inherit;padding:12px;border-radius:8px;border:1px solid #aab7b0}button{margin-top:20px;background:#17352e;color:white;cursor:pointer}button:disabled{opacity:.5}small{color:#536b62}nav{display:flex;gap:24px}footer{border-top:1px solid #ddd;margin-top:32px;padding-top:16px}*:focus-visible{outline:3px solid #b38613;outline-offset:3px}@media(max-width:600px){main{margin:0;padding:24px;border-radius:0}h1{font-size:30px}}
.play{display:inline-block;background:#17352e;color:white;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:bold}