*{box-sizing:border-box}body{margin:0;background:#0c1118;color:#e9eff7;font:14px system-ui}main{max-width:960px;margin:auto;padding:24px 16px}header,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}h1{font-size:26px}h2{font-size:20px}section{background:#151e29;padding:20px;border:1px solid #2c3949;border-radius:12px;margin:18px 0}p{color:#b1bfd0;line-height:1.6}label{display:block;margin:12px 0}input,textarea{display:block;width:100%;margin:7px 0;padding:12px;background:#0c1118;border:1px solid #405166;border-radius:7px;color:white;font:inherit}button,a{font:inherit}button{background:#b9ef68;color:#102000;border:0;border-radius:7px;padding:11px 15px;cursor:pointer}a{color:#b9ef68}article{border-top:1px solid #344353;padding:14px 0}.danger{background:#612c37;color:white}.error{background:#542532;padding:14px;color:#fff}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.actions form{margin:0}