:root{color-scheme:dark;font-family:Arial,sans-serif;background:#0c0c0c;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,620px)}.brand{font-size:28px;font-weight:900;color:#ffdc00;margin-bottom:24px}section{border:1px solid #e8cb00;border-radius:18px;padding:32px;background:linear-gradient(135deg,#073d2c,#111 60%)}h1{margin-top:0;font-size:26px}p{line-height:1.5}.actions{display:flex;gap:12px;margin-top:24px}button{min-height:48px;flex:1;cursor:pointer;background:#ffdc00;color:#141414;border:1px solid #ffdc00;font-size:16px;font-weight:bold;border-radius:5px}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button.secondary{background:transparent;color:#fff}button:disabled{opacity:.5;cursor:default}.help{font-size:13px;color:#ccc}#status{min-height:48px}@media(max-width:420px){section{padding:22px}.actions{flex-direction:column}button{flex:auto}}