:root{--blue:#17458f;--gold:#f7a81b;--dark:#0f172a;--muted:#64748b;--light:#f8fafc;--white:#fff;--ring:rgba(247,168,27,.3);--shadow:0 20px 50px rgba(15,23,42,.12);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:var(--white);line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:9999}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 5px 20px rgba(15,23,42,.08)}.topbar{background:var(--blue);color:#fff;display:flex;justify-content:space-between;gap:1rem;padding:.4rem max(1rem,calc((100vw - var(--max))/2));font-size:.88rem}.top-actions{display:flex;gap:1rem;flex-wrap:wrap}.topbar a{text-decoration:none}.navbar{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem}.logo-wrap img{width:230px;height:auto}.nav-links{display:flex;align-items:center;gap:.8rem}.nav-links a{text-decoration:none;font-weight:700;font-size:.92rem;color:var(--blue);padding:.4rem .2rem}.nav-links a:hover{color:var(--gold)}.menu-toggle,.lang-btn{border:0;cursor:pointer}.menu-toggle{display:none;background:var(--blue);color:#fff;border-radius:12px;padding:.55rem .75rem;font-size:1.25rem}.lang-btn{background:var(--gold);color:#111827;border-radius:999px;font-weight:800;padding:.65rem 1rem}.hero{position:relative;min-height:82vh;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('https://rotaryc.org/images/slider_img.png') center/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,69,143,.90),rgba(15,23,42,.55),rgba(247,168,27,.25))}.hero-content{position:relative;z-index:1;max-width:980px;padding:4rem 1rem}.logos-hero{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.logos-hero img{max-height:82px;background:rgba(255,255,255,.94);border-radius:16px;padding:.6rem;box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--gold);margin:0 0 .5rem}.hero .eyebrow{color:#ffd166}.hero h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:1;margin:.3rem 0;text-shadow:0 10px 30px rgba(0,0,0,.25)}.lead{font-size:clamp(1.1rem,2.4vw,1.55rem);max-width:780px;margin:0 auto 1.8rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:.9rem 1.25rem;font-weight:900;border:2px solid transparent;transition:.2s}.btn.primary{background:var(--gold);color:#111827}.btn.secondary{background:#fff;color:var(--blue)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.18)}.section{padding:5rem 0}.section.alt{background:linear-gradient(180deg,#f8fafc,#eef5ff)}.container{max-width:var(--max);margin:0 auto;padding:0 1rem}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.two-col.reverse{grid-template-columns:.95fr 1.05fr}.block-gap{margin-top:3rem}.center{text-align:center}.narrow{max-width:880px}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;color:var(--blue);margin:.2rem 0 1rem}.section h3{font-size:1.45rem;color:var(--blue);margin:1rem 0 .45rem}.rounded-img{border-radius:var(--radius);box-shadow:var(--shadow);height:100%;object-fit:cover;min-height:320px;width:100%}.quote-card,.ethics-card,.program-card,.contact-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;border:1px solid rgba(23,69,143,.08)}.quote-card{display:grid;gap:.4rem;margin-top:1.2rem;border-left:6px solid var(--gold)}.video-wrap{margin-top:3rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.video-wrap iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.feature-grid,.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.2rem}.cards-grid{grid-template-columns:repeat(3,1fr)}.feature-card,.info-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 15px 36px rgba(15,23,42,.1);border:1px solid rgba(23,69,143,.08);display:flex;flex-direction:column}.feature-card img,.info-card img{width:100%;height:190px;object-fit:cover}.feature-card div,.info-card div{padding:1.1rem}.info-card h3,.feature-card h3{margin-top:0}.more-link{margin-top:auto;display:inline-flex;text-decoration:none;color:var(--blue);font-weight:900;border-bottom:2px solid var(--gold);width:max-content}.objective-list{padding-left:1.2rem}.objective-list li{margin-bottom:.65rem}.ethics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}.ethics-card ul{padding-left:1.2rem}.logo-center{display:grid;place-items:center;margin-top:2.5rem}.logo-center img{max-width:310px;border-radius:18px;box-shadow:var(--shadow)}.causes .info-card img{height:210px}.club{background:radial-gradient(circle at top left,rgba(247,168,27,.14),transparent 35%),#fff}.program-card a{text-decoration:none;text-align:center;display:block}.program-card img{max-width:360px;margin:0 auto 1rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.gallery a{display:block;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);position:relative;background:#000}.gallery img{width:100%;height:245px;object-fit:cover;transition:.35s}.gallery a:hover img{transform:scale(1.06);opacity:.88}.contact{background:linear-gradient(135deg,var(--blue),#0b2a5d);color:#fff}.contact h2,.contact h3{color:#fff}.contact .eyebrow{color:#ffd166}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.info-list a{color:#fff;font-weight:800}.contact-card{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}form{display:grid;gap:.7rem}input,textarea{width:100%;border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:.85rem;background:rgba(255,255,255,.95);font:inherit}label{font-weight:800}.instagram-box{margin-top:2.5rem;background:#fff;color:var(--dark);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);text-align:center}.instagram-media{margin:0 auto!important;max-width:540px!important;min-width:280px!important}.map-box{margin-top:2rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.map-box iframe{width:100%;height:380px;border:0;display:block}.footer{background:#07142b;color:#fff;padding:1.5rem 0}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer a{color:#ffd166;font-weight:900}.whatsapp-float{position:fixed;right:18px;bottom:18px;width:62px;height:62px;border-radius:50%;background:#25d366;display:grid;place-items:center;z-index:1001;box-shadow:0 12px 28px rgba(0,0,0,.25)}.whatsapp-float img{width:36px;height:36px}.to-top{position:fixed;right:18px;bottom:92px;width:44px;height:44px;border-radius:50%;border:0;background:var(--gold);color:#111827;font-weight:900;font-size:1.1rem;box-shadow:var(--shadow);cursor:pointer;display:none;z-index:1000}.to-top.show{display:block}@media (max-width:980px){.menu-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:flex-start;padding:1rem 1.2rem;box-shadow:0 18px 32px rgba(15,23,42,.12)}.nav-links.open{display:flex}.nav-links a,.lang-btn{width:100%;text-align:left}.two-col,.two-col.reverse,.contact-grid,.ethics-grid{grid-template-columns:1fr}.feature-grid,.cards-grid,.gallery{grid-template-columns:repeat(2,1fr)}.topbar{display:none}.logo-wrap img{width:190px}.hero{min-height:72vh}.reverse img{order:2}.reverse div{order:1}}@media (max-width:620px){.section{padding:3.6rem 0}.feature-grid,.cards-grid,.gallery{grid-template-columns:1fr}.hero-buttons{align-items:stretch}.btn{width:100%}.rounded-img{min-height:230px}.gallery img{height:230px}.logos-hero img{max-height:64px}.footer-inner{display:block;text-align:center}.hero-content{padding:3rem 1rem}}