
:root{--blue:#17458f;--gold:#f7a81b;--dark:#0f1f3d;--light:#f6f8fb;--white:#fff;--muted:#5c6b82;--shadow:0 16px 45px rgba(15,31,61,.14);--radius:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;line-height:1.65}.topbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 6px 22px rgba(10,30,70,.08)}.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:13px 18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue);font-weight:800}.brand img{height:56px;max-width:220px;object-fit:contain}.menu{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.menu a{color:var(--dark);font-weight:700;text-decoration:none;font-size:.94rem}.menu a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:8px}.lang{border:1px solid #d7dfec;background:white;color:var(--blue);font-weight:800;border-radius:999px;padding:8px 12px;cursor:pointer}.lang.active{background:var(--blue);color:white}.hamb{display:none;border:0;background:var(--blue);color:white;border-radius:10px;padding:10px 12px;font-weight:900}.hero{min-height:86vh;background:linear-gradient(90deg,rgba(8,20,48,.82),rgba(23,69,143,.55)),url('https://rotaryc.org/images/slider_img.png') center/cover no-repeat;display:flex;align-items:center;color:white;position:relative}.hero .wrap{max-width:var(--max);margin:auto;padding:90px 18px;width:100%;display:grid;grid-template-columns:1.1fr .65fr;gap:30px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(247,168,27,.18);border:1px solid rgba(247,168,27,.55);color:#fff;border-radius:999px;padding:8px 14px;font-weight:800}.hero h1{font-size:clamp(2.2rem,5vw,5.2rem);line-height:1.02;margin:20px 0 14px}.hero p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:720px;color:#ecf3ff}.hero-card{background:rgba(255,255,255,.94);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);color:var(--dark)}.hero-card img{width:100%;object-fit:contain;max-height:210px}.hero-card .logos{display:grid;gap:22px}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;background:var(--gold);color:#181000;text-decoration:none;font-weight:900;box-shadow:0 10px 24px rgba(247,168,27,.25)}.btn.blue{background:var(--blue);color:white}.btn.white{background:white;color:var(--blue)}section{padding:86px 18px}.wrap{max-width:var(--max);margin:auto}.section-head{text-align:center;max-width:850px;margin:0 auto 42px}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.09em}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:10px 0}.section-head p{color:var(--muted);font-size:1.08rem}.grid{display:grid;gap:24px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid #edf1f7}.card.pad{padding:28px}.card img{width:100%;height:230px;object-fit:cover;display:block}.card h3{font-size:1.35rem;margin:0 0 10px;color:var(--blue)}.card p{color:var(--muted);margin:0 0 14px}.card .body{padding:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover}.light{background:var(--light)}.blueband{background:linear-gradient(135deg,var(--blue),#0b2b63);color:white}.blueband h2,.blueband h3{color:white}.blueband p,.blueband li{color:#e7efff}.quote{font-size:1.28rem;border-left:6px solid var(--gold);padding-left:20px}.list{padding-left:20px;color:var(--muted)}.video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#000}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.causes .card img,.programs .card img,.youth .card img{height:190px}.mini-link{font-weight:900;color:var(--blue);text-decoration:none}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery a{display:block;position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.gallery img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .5s}.gallery a:hover img{transform:scale(1.06)}.club-highlight{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.club-highlight img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);background:white}.contact{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-card{background:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.form{display:grid;gap:12px}.form input,.form textarea{width:100%;border:1px solid #d8e0ee;border-radius:14px;padding:14px;font:inherit}.form textarea{min-height:120px}.footer{background:#06142d;color:#b9c7df;padding:35px 18px;text-align:center}.footer a{color:white;font-weight:800}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:1100;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(0,0,0,.25)}.whatsapp img{width:34px;height:34px}.hide{display:none!important}.logos-row{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:25px}.logos-row img{max-height:100px;max-width:280px;object-fit:contain}.polio{background:#fff7ea;border:1px solid #ffe0a8}.program-logo{max-height:260px;object-fit:contain!important;background:white}@media(max-width:950px){.hamb{display:inline-block}.menu{display:none;position:absolute;left:14px;right:14px;top:82px;background:white;border-radius:18px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero .wrap,.split,.grid.two,.contact,.club-highlight{grid-template-columns:1fr}.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto}.hero .wrap{padding:70px 18px}.brand img{height:46px;max-width:170px}}@media(max-width:620px){section{padding:62px 16px}.grid.three,.grid.four,.gallery{grid-template-columns:1fr}.gallery img{height:235px}.hero-card{padding:20px}.card img{height:205px}.nav{padding:10px 12px}.brand span{display:none}.lang{padding:7px 9px}.btn{width:100%}}
