@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{box-sizing:border-box}body{color:#172033;background:#f6f7fb;margin:0;font-family:Inter,Arial}main{max-width:1050px;margin:auto;padding:42px 24px}header{justify-content:space-between;align-items:center;display:flex}h1{color:#15285c;margin:0}h2{margin-top:36px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}article,.notice,section{background:#fff;border:1px solid #e5e8f0;border-radius:14px;padding:20px;box-shadow:0 2px 8px #18204009}article strong{margin-top:16px;font-size:36px;display:block}article span,small{color:#65708a}button{color:#fff;cursor:pointer;background:#2457c5;border:0;border-radius:8px;padding:11px 17px;font-weight:600}.login{max-width:420px;margin-top:10vh}.login form{gap:12px;margin-top:24px;display:grid}.login input{border:1px solid #cad1df;border-radius:8px;padding:13px;font-size:16px}.notice{border-left:4px solid #d29a18;margin-top:28px}@media (width<=600px){main{padding:28px 16px}}