*{box-sizing:border-box}body{margin:0;background:#101c32;color:#f3f6fa;font:16px system-ui}main{max-width:800px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:36px}header strong{font-size:32px}span{color:#55d6e8}small{display:block;color:#a9bed6;font-size:12px}header button{margin-left:auto}section{background:#1d3049;padding:24px;border-radius:18px;margin-bottom:16px}h1{margin-top:0}p{color:#cbd5e1}form,label{display:grid;grid-gap:8px;gap:8px}form{gap:16px;margin:20px 0}button,input,select{font:inherit;padding:13px;border-radius:8px;border:1px solid #52647b}input,select{width:100%;background:#101c32;color:white}button{background:#1769ff;color:white;font-weight:600;cursor:pointer}button:disabled{opacity:.5}.secondary{background:transparent}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));grid-gap:12px;gap:12px}article{background:#101c32;padding:16px;border-radius:10px}article small{margin-top:8px}.notice{padding:16px;background:#253e59;border-radius:8px}