*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;overflow-x:hidden;background:linear-gradient(#6fb6ff,#fff4cf 45%,#f8f8f8);min-height:100vh}
.sun{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(#ffe37a,#ffc94a,transparent 70%);top:-80px;right:-60px;filter:blur(2px);animation:pulse 6s infinite}
.cross{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);font-size:26rem;color:#fff;opacity:.05}
.container{width:min(1100px,92%);margin:40px auto;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);border-radius:24px;padding:40px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.18);animation:fade 1.2s}
.logo{width:180px;height:180px;border-radius:50%;margin:auto;background:#fff;border:5px solid #d4af37;display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo img{max-width:90%}.placeholder{color:#666;font-weight:600}
h1{font-family:Cinzel,serif;color:#173b6d;font-size:3rem;margin:.7rem 0 .2rem}
h3{color:#666}.tagline{color:#2e6e4f}
.banner{margin:30px auto;background:#173b6d;color:#fff;padding:18px;border-radius:50px;display:inline-block;font-weight:600;box-shadow:0 0 20px rgba(212,175,55,.6);animation:glow 2.5s infinite}
.cards{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin:40px 0}
.card{background:rgba(255,255,255,.45);padding:30px;width:260px;border-radius:20px;transition:.35s;box-shadow:0 10px 25px rgba(0,0,0,.1)}
.card:hover{transform:translateY(-10px) scale(1.03)}
.icon{font-size:3rem}.card h2{margin:10px 0;color:#173b6d}
blockquote{font-style:italic;color:#555}
.motto{font-size:1.35rem;max-width:900px;margin:25px auto;line-height:1.8}
.motto span{color:#b88900;font-weight:700}
footer{margin-top:40px;border-top:1px solid #ddd;padding-top:20px;color:#666}
.cloud{position:fixed;background:#fff;border-radius:50px;opacity:.4}.cloud:before,.cloud:after{content:'';position:absolute;background:#fff;border-radius:50%}
.cloud{width:140px;height:45px}.cloud:before{width:60px;height:60px;left:15px;top:-25px}.cloud:after{width:80px;height:80px;right:15px;top:-35px}
.c1{top:90px;left:-180px;animation:move 40s linear infinite}.c2{top:180px;left:-260px;animation:move 55s linear infinite}
@keyframes move{to{transform:translateX(1600px)}}@keyframes glow{50%{box-shadow:0 0 35px rgba(212,175,55,.95)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1}}
@media(max-width:768px){h1{font-size:2rem}.motto{font-size:1.05rem}}