*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#183047;font-family:Arial,"Malgun Gothic",sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:100%;max-width:680px;background:white;border:1px solid #e1e8ef;border-radius:18px;padding:38px;box-shadow:0 15px 45px #18304708}.brand{font-size:30px;font-weight:800;color:#0076a5;letter-spacing:2px}h1{font-size:26px;margin:24px 0 12px}p{font-size:16px;color:#63778b;line-height:1.7}label{display:block;font-size:14px;margin:24px 0 10px}input{width:100%;font-size:18px;height:52px;border:1px solid #c5d2de;border-radius:8px;padding:12px}button,.primary{font:inherit;background:#0076a5;color:white;border:0;border-radius:8px;padding:16px;text-align:center;cursor:pointer;text-decoration:none;display:block;width:100%;margin-top:16px}button:hover,.primary:hover{background:#005c84}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.card{padding:26px;background:#f7fbfe;border:1px solid #d8e5ee;border-radius:12px;text-decoration:none;color:#183047;display:block}.card:hover{border-color:#0076a5;background:#ecf7fd}.card small{font-size:14px;color:#0076a5}.card strong{display:block;font-size:22px;margin:22px 0 8px}.card span{font-size:14px;color:#63778b}.text-button{background:none;color:#63778b;width:auto;font-size:14px;padding:10px 0}.text-button:hover{background:none;color:#183047}.error{color:#b42318;font-size:14px}footer{border-top:1px solid #edf1f5;padding-top:18px;margin-top:28px;font-size:12px;color:#8695a5;letter-spacing:1px}[hidden]{display:none!important}:focus-visible{outline:3px solid #58bae2;outline-offset:3px}@media(max-width:520px){.panel{padding:26px}.cards{grid-template-columns:1fr}}