
body{
font-family:Arial, sans-serif;
margin:0;
background:#f4f6fb;
}
.top{
background:#1e3c72;
color:white;
padding:18px;
text-align:center;
font-size:22px;
}
.card{
background:white;
margin:20px;
padding:20px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
animation:fade 0.6s ease;
}
@keyframes fade{
from{opacity:0;transform:translateY(15px)}
to{opacity:1;transform:translateY(0)}
}
.nav{
position:fixed;
bottom:0;
width:100%;
background:white;
display:flex;
justify-content:space-around;
padding:10px 0;
border-top:1px solid #ddd;
}
.nav a{
text-decoration:none;
color:#1e3c72;
font-weight:bold;
}
