:root{font-family:system-ui,"Yu Gothic UI",sans-serif;color:#eaf2ff;background:#101827}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(620px,calc(100% - 32px));background:#182337;border:1px solid #314463;border-radius:14px;padding:28px;box-shadow:0 20px 60px #0008}h1{margin-top:0;color:#f2cb74}h2{font-size:1.15rem}form,label{display:grid;gap:7px;margin:12px 0}input{padding:10px;border-radius:7px;border:1px solid #506886;background:#0e1726;color:inherit}.row,article{display:flex;align-items:center;gap:10px}.row{justify-content:space-between}article{flex-wrap:wrap;border-top:1px solid #314463;padding:14px 0}article span{margin-right:auto;color:#afbdd3}button{border:0;border-radius:7px;padding:9px 12px;background:#e0ae52;color:#182337;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#message{min-height:1.5em;color:#f2cb74}