:root{--blue:#17458f;--blue2:#0b2f68;--gold:#f7a81b;--gold2:#f2c75c;--white:#fff;--ink:#172033;--muted:#607089;--soft:#f4f7fb;--shadow:0 18px 55px rgba(11,47,104,.16);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 4%;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.brand img{height:54px;width:auto}.nav{display:flex;align-items:center;gap:18px}.nav a{text-decoration:none;font-weight:800;font-size:.92rem;color:var(--blue2);position:relative}.nav a:after{content:"";height:3px;background:var(--gold);width:0;position:absolute;left:0;bottom:-7px;transition:.25s}.nav a:hover:after{width:100%}.lang,.menu-btn{border:0;border-radius:999px;background:var(--blue);color:white;font-weight:900;cursor:pointer}.lang{padding:10px 14px}.menu-btn{display:none;padding:9px 13px;font-size:1.2rem}.hero{min-height:100vh;background:url('https://rotaryc.org/images/slider_img.png') center/cover no-repeat;position:relative;display:grid;place-items:center;text-align:center;color:white;padding:130px 20px 70px}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,47,104,.86),rgba(23,69,143,.64),rgba(247,168,27,.25))}.hero-content{position:relative;max-width:940px}.hero-logos{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap}.hero-logos img{height:86px;max-width:260px;object-fit:contain;background:rgba(255,255,255,.95);padding:10px;border-radius:18px}.eyebrow,.tag{text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--gold)}h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.94;margin:10px 0 20px}h2{font-size:clamp(2rem,4.4vw,3.8rem);line-height:1.05;margin:10px 0 18px;color:var(--blue)}h3{font-size:1.35rem;line-height:1.2;color:var(--blue);margin:8px 0 12px}.lead{font-size:clamp(1.15rem,2.1vw,1.55rem);max-width:780px;margin:0 auto 30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:999px;padding:14px 24px;font-weight:900;transition:.25s;border:2px solid transparent}.btn.primary{background:var(--gold);color:#1b2840}.btn.secondary{background:rgba(255,255,255,.12);border-color:white;color:white}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.section{padding:92px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-bottom:44px}.align-center{align-items:center}.image-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:white}.image-card img{width:100%;height:420px;object-fit:cover}.intro p,.text-box p,.mission p{font-size:1.08rem}.blue{background:linear-gradient(135deg,var(--blue2),var(--blue));color:white}.blue h2,.blue h3,.blue p,.blue li{color:white}.light{color:var(--gold2)}.section-head{text-align:center;max-width:900px;margin:auto auto 42px}.section-head p{font-size:1.12rem;color:var(--muted)}.blue .section-head p{color:#dfeaff}.cards{display:grid;gap:22px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.five{grid-template-columns:repeat(5,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.causes{grid-template-columns:repeat(3,1fr)}.cards article,.program-grid article,.principles>div,.mission,.polio,.contact-form{background:white;color:var(--ink);border-radius:22px;padding:18px;box-shadow:var(--shadow);border:1px solid rgba(23,69,143,.08)}.blue .cards article,.blue .principles>div,.blue .mission{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);backdrop-filter:blur(8px)}.cards article img,.program-grid article img{height:180px;width:100%;object-fit:cover;border-radius:16px;margin-bottom:15px}.cards a,.program-grid a{font-weight:900;color:var(--blue);text-decoration:none}.blue .cards a{color:var(--gold2)}.principles{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:45px}.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:10px 0 10px 34px;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#10294f;display:grid;place-items:center;font-weight:900}.mission{margin-top:24px}.video-wrap{margin-top:32px;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.video-wrap iframe,.maps iframe,.fb-embed iframe{width:100%;height:100%;border:0}.gold{background:linear-gradient(180deg,#fff8e8,#fff)}.polio{display:flex;align-items:center;gap:22px;margin-top:38px}.polio img{height:120px;width:auto;border-radius:14px}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.program-grid article img{height:150px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.gallery a{display:block;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);cursor:zoom-in}.gallery img{width:100%;height:280px;object-fit:cover;transition:.3s}.gallery a:hover img{transform:scale(1.06)}.contact{background:linear-gradient(135deg,var(--blue),#071d42);color:white}.contact h2,.contact p,.contact a{color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.socials a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:900}.contact-form label{display:block;font-weight:900;color:var(--blue);margin-bottom:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d9e1ee;border-radius:14px;padding:12px;margin-top:6px;font:inherit}.maps{height:360px;margin-top:34px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.fb-embed{height:520px;max-width:560px;margin-top:34px;border-radius:var(--radius);overflow:hidden;background:white}.footer{background:#05142d;color:white;text-align:center;padding:36px 0}.footer a{color:var(--gold);font-weight:900}.footer-mark{height:62px;margin:0 auto 12px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;width:62px;height:62px;border-radius:50%;background:#25d366;color:white;text-decoration:none;font-size:28px;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25)}.to-top{position:fixed;right:22px;bottom:94px;width:44px;height:44px;border:0;border-radius:50%;background:var(--gold);color:#132a50;font-weight:900;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transition:.25s}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-height:86vh;max-width:92vw;border-radius:12px}.lightbox button{position:absolute;right:22px;top:16px;background:white;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;cursor:pointer}.reverse-mobile{}@media(max-width:1050px){.cards.five,.cards.four,.program-grid{grid-template-columns:repeat(2,1fr)}.cards.causes{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.menu-btn{display:block}.nav{position:absolute;top:78px;left:4%;right:4%;background:white;display:none;flex-direction:column;align-items:stretch;padding:18px;border-radius:18px;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:9px 4px}.brand img{height:46px}.hero{min-height:86vh;padding-top:125px}.hero-logos img{height:64px}.two-col,.principles,.contact-grid{grid-template-columns:1fr}.image-card img{height:300px}.reverse-mobile figure{order:2}.cards.five,.cards.four,.cards.three,.cards.causes,.program-grid,.gallery{grid-template-columns:1fr}.gallery img{height:250px}.section{padding:70px 0}.polio{flex-direction:column;text-align:center}.contact-form{padding:18px}.fb-embed{height:470px}.whatsapp{width:56px;height:56px;right:16px;bottom:16px}.to-top{right:16px;bottom:84px}}@media(max-width:520px){h1{font-size:3.1rem}.hero-logos img{max-width:190px;height:auto}.btn{width:100%}.image-card img{height:240px}.cards article img,.program-grid article img{height:170px}.gallery img{height:220px}.maps{height:300px}.topbar{padding:10px 3%}.brand img{height:40px}}