body { margin:0; font-family:Arial; background:#f4f4f4; }
header.top { background:#111; padding:15px; color:#fff; display:flex; justify-content:space-between; align-items:center; }
.login { background:red; padding:8px 14px; color:#fff; text-decoration:none; border-radius:4px; }
.notice { background:#ffdddd; padding:10px; text-align:center; }
.banner { background:#900; padding:40px; color:#fff; text-align:center; margin-top:10px; }
.cards { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; padding:15px; }
.card { background:#fff; padding:20px; text-align:center; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.2); font-weight:bold; }
footer { background:#222; color:#fff; text-align:center; padding:10px; margin-top:20px; }