body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#eef3f8;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
}
.container{width:100%;padding:20px;}
.card{
max-width:820px;
margin:auto;
background:#fff;
padding:40px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.12);
}
h1{color:#0b4ea2;margin-bottom:5px;}
.subtitle{color:#666;margin-bottom:30px;}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
margin-bottom:25px;
}
.grid div{
background:#f5f7fb;
padding:15px;
border-radius:10px;
}
.notice{
background:#fff8e6;
padding:15px;
border-left:5px solid #f4b400;
margin-bottom:25px;
}
button{
width:100%;
padding:16px;
font-size:18px;
background:#0b4ea2;
color:white;
border:none;
border-radius:10px;
cursor:pointer;
}
button:hover{background:#083b7c;}
footer{
text-align:center;
margin-top:25px;
color:#666;
font-size:13px;
}