*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fa;color:#172033}header{height:64px;background:#123b70;color:white;display:flex;align-items:center;padding:0 28px;gap:24px}header strong{font-size:20px}header span{flex:1}header a{color:white;text-decoration:none}main{max-width:1050px;margin:35px auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.box{background:white;border-radius:12px;padding:25px;text-decoration:none;color:#172033;box-shadow:0 2px 12px #0001;display:flex;flex-direction:column;gap:10px;font-size:30px}.box b{font-size:18px}.box span{font-size:14px;color:#667}.card{width:min(420px,92%);margin:10vh auto;background:white;padding:35px;border-radius:14px;box-shadow:0 5px 25px #0002}.card h1{color:#123b70}.form{background:white;padding:25px;border-radius:12px;display:grid;gap:10px;max-width:700px}.form input,.form select,.form textarea,.card input{padding:11px;border:1px solid #ccd4df;border-radius:7px;font-size:15px}.form button,.card button{padding:12px;background:#123b70;color:white;border:0;border-radius:7px;cursor:pointer;font-size:15px}.notice,.warning{margin-top:20px;padding:15px;border-radius:8px;background:#eaf3ff}.warning{background:#fff5d9}.login{display:flex;min-height:100vh;align-items:center;justify-content:center;background:#eef3f9}.login form{display:grid;gap:10px}.login small{display:block;margin-top:18px;color:#777}label{font-weight:bold;font-size:14px}