:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;background:#0b1420;color:#edf4fa;font-size:16px}
*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:620px;margin:24px auto}.brand{color:#51dfc2;letter-spacing:1.8px;font-size:12px;text-align:right}h1{font-size:clamp(22px,5vw,30px);line-height:1.7;margin:18px 0}h2{font-size:19px;margin-top:0}p{line-height:1.9}.intro{color:#b6c7da}.notice{border-inline-start:3px solid #51dfc2;background:#142431;padding:14px 16px;line-height:1.9;border-radius:8px;margin:22px 0}label{display:block;margin-bottom:10px}select,button,textarea{font:inherit;width:100%;border-radius:12px;min-height:48px}select{padding:12px;background:#152434;color:#edf4fa;border:1px solid #38516a}button{cursor:pointer;margin-top:16px;background:#51dfc2;color:#08241e;font-weight:700;border:0;padding:14px}button:disabled{opacity:.55;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b4f7e6;outline-offset:3px}section{padding:22px;background:#111f2d;border:1px solid #263c51;border-radius:18px;margin-top:28px}.secondary{background:#203749;color:#edf4fa}.hint,.footnote{font-size:13px;color:#a8bbcf}.footnote{margin-top:22px}ol{padding-inline-start:24px}li{line-height:1.9;padding:8px 0;overflow-wrap:anywhere}.ok{color:#74ebbd}.error{color:#ffa6aa}textarea{margin-top:14px;min-height:210px;background:#0b1420;color:#edf4fa;border:1px solid #38516a;padding:12px;font-size:12px;resize:vertical}#status{font-weight:700} @media(max-width:360px){section{padding:16px}body{padding:16px 12px}}