*{margin:0;padding:0;box-sizing:border-box}
body{
background:#f5f5f5;
font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
color:#222}
.container{
max-width:470px;
margin:auto;
padding:18px 16px 34px}
.logo{
display:block;
width:320px;
max-width:95%;
margin:8px auto 10px}
h1{
font-size:3rem;
font-weight:800;
text-align:center;
line-height:1.05;
margin-top:8px}
.subtitle{
text-align:center;
font-size:1.15rem;
color:#555;
margin:12px 0 26px}
.grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px}
.card{
background:#fff;
border-radius:24px;
padding:14px;
text-decoration:none;
color:#222;
box-shadow:0 10px 26px rgba(0,0,0,.10);
transition:.18s;
display:flex;
flex-direction:column;
align-items:center}
.card:active{transform:scale(.97)}
.card img{
width:100%;
height:110px;
object-fit:cover;
border-radius:18px}
.card span{
margin-top:12px;
font-size:1.05rem;
font-weight:700;
text-align:center}
footer{
margin-top:34px;
padding-top:18px;
border-top:1px solid #ddd;
text-align:center}
.copyright{
color:#666;
font-size:.95rem;
margin-bottom:10px}
.links{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
flex-wrap:wrap}
.links a{
color:#666;
text-decoration:none;
font-size:.95rem}