:root{--navy:#0b1f3a;--red:#c92335;--ink:#182638;--soft:#f6f8fb}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--soft);line-height:1.6}
.top{background:var(--navy);color:#fff;border-bottom:4px solid var(--red);padding:16px;text-align:center;font-weight:800}
main{max-width:1100px;margin:auto;padding:40px 18px}h1,h2{color:var(--navy)}
.notice{background:#fff;border-left:5px solid var(--red);padding:16px;border-radius:10px;margin-bottom:25px}
.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.photo{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #0b1f3a14;border:1px solid #e0e6ee}
.photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.caption{padding:14px;font-weight:700}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800}.red{background:var(--red)}
footer{margin-top:50px;background:var(--navy);color:#fff;border-top:6px solid var(--red);padding:28px;text-align:center}