:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#f5f4f0;color:#202020}
*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;padding:18px 24px;background:#202020;color:white}header b{margin-left:auto;color:#d8f5dc;font-size:13px}.logo{font-size:30px;letter-spacing:-2px}main{max-width:760px;margin:40px auto;padding:0 20px}h1{font-size:34px;margin-bottom:8px}h2{font-size:20px;margin-top:0}p{line-height:1.55}section{background:white;border:1px solid #dad8d1;border-radius:12px;padding:22px;margin:18px 0}label{display:block;font-weight:bold;margin:18px 0 7px}input{width:100%;max-width:440px;padding:12px;border:1px solid #888;border-radius:6px;font-size:16px}button{padding:12px 17px;border:0;border-radius:6px;background:#202020;color:white;font-size:15px;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #635bff;outline-offset:3px}.small,footer{font-size:13px;color:#666}a{color:#3430a4}li{margin:8px 0;word-break:break-word}footer{text-align:center;padding:24px}@media(max-width:600px){header{flex-wrap:wrap}header b{width:100%;margin-left:0}main{margin:25px auto}h1{font-size:28px}}