body{font-family:'Roboto',Arial,sans-serif;margin:0;background:#f7f9fa;color:#222}header{background:#fff;border-bottom:5px solid #1d4a83;text-align:center;padding:0}header img{display:block;margin-left:auto;margin-right:auto;width:100%;max-width:1000px;max-height:400px;object-fit:cover;border-bottom:5px solid #1d4a83}main{max-width:900px;margin:0 auto;padding:2rem 1rem}section{margin-bottom:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04);padding:2rem}h1,h2{color:#1d4a83;margin-top:0}h1{font-size:2.5rem;margin-bottom:0.5rem}h2{font-size:2rem;margin-bottom:1rem}.center{text-align:center}.highlight{color:#36f}.btn{display:inline-block;background:green;color:#fff;border-radius:4px;padding:0.3em 1em;text-decoration:none;font-size:1rem;border:1px solid green;margin-top:1em;transition:background 0.2s}.btn:hover{background:#005a00}.img-float{float:left;margin:0 1.5rem 1rem 0;border-radius:8px;max-width:320px;width:100%;height:auto}.img-float-right{float:right;margin:0 0 1rem 1.5rem;border-radius:8px;max-width:320px;width:100%;height:auto}@media (max-width:700px){.img-float,.img-float-right{float:none;display:block;margin:0 auto 1rem auto;max-width:100%}main{padding:1rem 0.5rem}section{padding:1rem}}