:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#302841;background:#f5f1fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,680px);background:white;border:1px solid #e2d8ee;border-radius:24px;padding:clamp(24px,6vw,56px);box-shadow:0 16px 50px #3820510d}.brand{font-size:12px;letter-spacing:.14em;font-weight:700;color:#5d397d;line-height:1.6}.eyebrow{color:#246e70;font-size:15px;margin-top:28px}h1{font-size:clamp(30px,6vw,42px);line-height:1.12;letter-spacing:-.025em;margin:12px 0 20px}.message{font-size:18px;line-height:1.6}nav{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}a{background:#663c86;color:white;border:2px solid #663c86;border-radius:10px;display:inline-block;padding:13px 18px;text-decoration:none;font-weight:700;line-height:1.3}a+a{background:white;color:#593474}a:hover{background:#4c296a;color:white}a:focus-visible{outline:3px solid #247a7c;outline-offset:4px}.note{font-size:14px;line-height:1.6;color:#655a71;border-top:1px solid #ece5f2;padding-top:20px;margin-top:28px}@media(max-width:420px){nav{display:grid}a{text-align:center}body{padding:16px}}
form{display:grid;gap:12px;margin:24px 0}input,button{font:inherit;padding:12px;border:1px solid #68777f;border-radius:8px;width:100%;box-sizing:border-box}button{cursor:pointer;background:#073c4b;color:white}label{font-weight:600}