:root{--blue:#17458f;--blue2:#0b2f63;--gold:#f7a81b;--dark:#152238;--text:#293241;--muted:#64748b;--light:#f5f8fd;--white:#fff;--shadow:0 18px 45px rgba(21,34,56,.15);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Open Sans',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1160px,92%);margin:auto}.topbar{background:var(--blue2);color:#fff;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.55rem 4%;font-size:.88rem}.topbar a{color:#fff;text-decoration:none;margin-left:1rem;font-weight:700}.navbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 8px 25px rgba(15,23,42,.08);display:flex;align-items:center;justify-content:space-between;padding:.75rem 4%}.brand img{height:64px;width:auto;object-fit:contain}.nav-links{list-style:none;display:flex;align-items:center;gap:1rem;margin:0;padding:0}.nav-links a{text-decoration:none;font-weight:700;color:var(--blue2);font-size:.94rem}.nav-links a:hover{color:var(--gold)}.menu-toggle{display:none;background:var(--blue);color:white;border:0;border-radius:10px;font-size:1.5rem;padding:.35rem .7rem}.lang-btn{border:2px solid var(--gold);background:var(--gold);color:#111;font-weight:800;border-radius:999px;padding:.45rem .9rem;cursor:pointer}.hero{min-height:86vh;position:relative;display:grid;place-items:center;background:url('https://rotaryc.org/images/slider_img.png') center/cover no-repeat;color:white;text-align:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(11,47,99,.90),rgba(23,69,143,.72),rgba(0,0,0,.42))}.hero-content{position:relative;z-index:1;width:min(980px,92%);padding:3rem 0}.hero-logos{display:flex;justify-content:center;gap:1.3rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.hero-logos img{background:white;border-radius:18px;padding:.85rem;max-height:94px;box-shadow:var(--shadow)}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:0 0 .55rem}.hero h1,.section h2{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.1}.hero h1{font-size:clamp(2.4rem,6vw,5rem);margin:.2rem 0 1rem}.lead{font-size:clamp(1.08rem,2vw,1.45rem);max-width:780px;margin:0 auto 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;text-decoration:none;font-weight:800;padding:.9rem 1.25rem;border:0;cursor:pointer;transition:.25s}.btn.primary{background:var(--gold);color:#1c1c1c}.btn.secondary{background:var(--blue);color:white}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.18)}.hero-actions,.contact-actions,.social-links{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.section{padding:5.2rem 0}.section h2{font-size:clamp(2rem,4vw,3.1rem);color:var(--blue2);margin:.2rem 0 1rem}.soft{background:var(--light)}.split,.two-col,.contact-grid,.club-highlight{display:grid;grid-template-columns:1.05fr .95fr;gap:2.2rem;align-items:center}.media-stack{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.media-stack img,.rounded,.cards article,.cause-grid article,.program-grid article,.club-highlight img,.gallery img{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.media-stack img{height:330px;width:100%;object-fit:cover}.media-stack img:nth-child(2){margin-top:2rem}.feature-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.feature-list span{background:#eaf1ff;color:var(--blue);border-radius:999px;padding:.55rem .85rem;font-weight:800}.video-card{margin-top:2.2rem;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:#000}.video-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.info-panel{background:white;border-left:8px solid var(--gold);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin:2rem 0}.cards,.cause-grid,.program-grid,.mission-grid,.gallery{display:grid;gap:1.2rem}.cards{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article,.mission-grid article,.cause-grid article,.program-grid article{background:white;padding:1.2rem}.objective article{border-top:5px solid var(--gold)}.mission-grid{grid-template-columns:repeat(4,1fr);margin-top:2rem}.mission-grid img,.link-cards img,.cause-grid img,.program-grid img,.cards.three img{height:170px;width:100%;object-fit:cover;border-radius:16px}.link-cards{grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.link-cards a,.cause-grid a,.program-grid a,.cards.three a{color:var(--blue);font-weight:800}.section-intro{max-width:860px;font-size:1.08rem}.blue{background:linear-gradient(135deg,var(--blue2),var(--blue));color:white}.blue h2{color:white}.blue .eyebrow{color:#ffd166}.cause-grid{grid-template-columns:repeat(3,1fr)}.cause-grid article{color:var(--text)}.program-grid{grid-template-columns:repeat(4,1fr)}.youth{background:#fff}.club-highlight{background:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-top:1.5rem}.club-highlight img{height:360px;width:100%;object-fit:cover}.gallery-title{font-size:1.7rem;color:var(--blue2);margin-top:2.5rem}.gallery{grid-template-columns:repeat(3,1fr)}.gallery a{display:block;overflow:hidden;border-radius:var(--radius);background:#111}.gallery img{height:260px;width:100%;object-fit:cover;transition:.3s;cursor:pointer}.gallery a:hover img{transform:scale(1.06);opacity:.9}.contact{background:linear-gradient(180deg,#fff,#eef5ff)}.contact-grid{align-items:start}.contact-form{background:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.contact-form label{display:block;font-weight:800;margin:.8rem 0}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d5dfef;border-radius:14px;padding:.9rem;font:inherit;margin-top:.3rem}.social-links{justify-content:flex-start;margin-top:1rem}.social-links a{background:#eaf1ff;color:var(--blue);font-weight:800;text-decoration:none;border-radius:999px;padding:.6rem .9rem}.fb-wrap{display:flex;justify-content:center;margin-top:2rem}.fb-wrap iframe{width:100%;max-width:500px;border-radius:18px;background:white}.whatsapp-float{position:fixed;right:18px;bottom:18px;width:60px;height:60px;background:#25d366;border-radius:50%;display:grid;place-items:center;z-index:50;box-shadow:0 12px 30px rgba(0,0,0,.25)}.whatsapp-float img{width:34px;height:34px}.footer{background:#071d3b;color:white;padding:2.3rem 0}.footer a{color:#ffd166;font-weight:800}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}.footer img{max-height:66px;background:white;border-radius:14px;padding:.6rem}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100;display:none;align-items:center;justify-content:center;padding:2rem}.lightbox.open{display:flex}.lightbox img{max-height:88vh;max-width:92vw;border-radius:18px}.lightbox button{position:absolute;top:20px;right:25px;background:white;border:0;border-radius:50%;width:44px;height:44px;font-size:2rem;cursor:pointer}.en-mode [data-en]{visibility:hidden;position:relative}.en-mode [data-en]::after{content:attr(data-en);visibility:visible;position:absolute;left:0;right:0}.en-mode .hero h1::after,.en-mode .lead::after,.en-mode .btn::after{position:static}@media(max-width:960px){.topbar{display:none}.menu-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:1rem 4%;display:none}.nav-links.open{display:flex}.nav-links a,.lang-btn{text-align:center;width:100%}.brand img{height:52px}.split,.two-col,.contact-grid,.club-highlight{grid-template-columns:1fr}.mission-grid,.program-grid,.cause-grid,.link-cards,.cards.three{grid-template-columns:repeat(2,1fr)}.hero{min-height:78vh}.media-stack img{height:260px}.footer-grid{grid-template-columns:1fr}}@media(max-width:640px){.section{padding:3.4rem 0}.hero-content{padding:2rem 0}.hero-logos img{max-height:74px}.cards,.mission-grid,.program-grid,.cause-grid,.link-cards,.cards.three,.gallery{grid-template-columns:1fr}.media-stack{grid-template-columns:1fr}.media-stack img:nth-child(2){margin-top:0}.gallery img{height:230px}.contact-actions,.hero-actions{flex-direction:column}.btn{width:100%}.club-highlight img{height:250px}.footer{text-align:center}.footer img{margin:auto}.whatsapp-float{width:54px;height:54px}}
