:root{font-family:Inter,system-ui,sans-serif;background:#101319;color:#f6f2e9}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:24px}h1{font-size:25px;letter-spacing:3px;color:#e2c18b}h1 span{color:#fff}h2{font-size:24px}p,small,.note{color:#adb3bd}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303640}nav,.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}button,input,select{font:inherit;border-radius:10px;padding:12px}button{border:1px solid #d7b47b;background:#d7b47b;color:#171717;cursor:pointer;font-weight:700}button.outline{background:transparent;color:#e6c48e}button:disabled{opacity:.5;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card,.panel{border:1px solid #333a45;border-radius:18px;padding:22px;background:#1a1f28}.brand{font-size:22px;font-weight:750}.stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.stamp{height:51px;display:grid;place-items:center;border-radius:11px;background:#343a45;color:#aaa}.stamp.done{background:#d7b47b;color:#171717}label{display:grid;gap:8px;margin:16px 0}input,select{background:#101319;border:1px solid #4b5260;color:#fff;width:100%}.auth{max-width:490px;padding-top:8vh}.code{color:#e2c18b;letter-spacing:2px}.notice{padding:12px;border:1px solid #c7a66e;border-radius:10px;color:#e8c78e}li{padding:7px 0}footer{margin-top:50px;color:#999;font-size:12px}@media(max-width:600px){main{padding:16px}header{align-items:flex-start}h1{font-size:21px}}