:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#0e0e52;background:#e8f8fe;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#0e0e52;padding:22px max(5%,calc((100% - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}header a{color:white;font-weight:800;font-size:20px;text-decoration:none}header span{color:#6bf7fc;font-weight:400}main{max-width:1080px;margin:48px auto;padding:0 24px 60px}h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.5px;margin:12px 0}h2{font-size:20px;margin:0 0 12px}p{line-height:1.6;color:#414166}section{background:white;border:1px solid #d3e6f2;border-radius:16px;padding:26px;margin:22px 0;box-shadow:0 5px 18px #0e0e5205}.eyebrow{color:#0075f0;font-size:12px;font-weight:800;letter-spacing:2px}.heading,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.actions{justify-content:flex-start}a{color:#0065d0}button,.button{display:inline-block;font:inherit;font-weight:600;border:1px solid #cddde9;background:white;color:#0e0e52;padding:10px 16px;border-radius:9px;text-decoration:none;cursor:pointer}button:hover,.button:hover{border-color:#0075f0;background:#e8f8fe}.primary{background:#0075f0;color:white;border-color:#0075f0}.primary:hover{background:#0e0e52;color:white}.badge{background:#e8f8fe;border-left:3px solid #00e31c;border-radius:5px;padding:6px 10px;font-size:13px}label{display:block;margin-bottom:18px}input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #cddde9;border-radius:8px;margin:8px 0;font:inherit}input[type=file]{background:#e8f8fe}input:focus,button:focus,a:focus{outline:3px solid #6bf7fc;outline-offset:2px}.login{max-width:460px;margin:70px auto}details{margin-top:24px;border-top:1px solid #e1eaf0;padding-top:18px}summary{cursor:pointer;color:#6c4154}.danger{color:#ae163b}.notice{background:#6bf7fc55;border-left:4px solid #0075f0;padding:16px;border-radius:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0e0e52;color:#e8f8fe;padding:18px;border-radius:8px;font-size:13px}.choice{display:flex;align-items:center;gap:12px}header form{margin:0}.operation{padding:18px}@media(max-width:600px){main{margin-top:28px}header{align-items:flex-start;flex-direction:column}section{padding:20px}.actions>*{flex:1}.actions button{width:100%}}
