/* Visual reference: rotary.org, retrieved 2026-11-09.
   Official unmodified Rotary logo: assets/rotary-official-white.svg. */
:root{--rotary-royal-blue:#17458f;--rotary-azure:#0067c8;--rotary-gold:#f7a81b;--rotary-navy:#212c3f;--rotary-sky:#b9eff7;--ink:#17458f;--paper:#fff;--gold:#f7a81b;--muted:#54565a;--line:#d5dfeb;--red:#a32035}
html{scroll-padding-top:175px}
body{color:var(--rotary-navy);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
header{background:var(--rotary-navy);color:white;border-bottom:0}
.rotary-utility{background:#28354b;color:#fff;font-size:11px}
.rotary-utility>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:36px}
.rotary-utility .utility-links{display:flex;gap:24px;flex-shrink:0}
.rotary-utility a{text-decoration:none;font-weight:600}
.rotary-utility a:hover{text-decoration:underline}
.nav,.header{min-height:112px;gap:25px;padding-top:22px;padding-bottom:22px}
.rotary-identity{display:flex;gap:24px;align-items:center;flex-shrink:0}
.rotary-mark{display:block;line-height:0}
.rotary-mark img{display:block;width:140px;height:53px;object-fit:contain}
.project-brand{color:white;border-left:1px solid #ffffff45;padding-left:24px;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.7;text-decoration:none}
.project-brand small{display:block;font-size:10px;color:#d7e9fa;letter-spacing:1.4px}
nav{gap:24px}
nav a{font-size:13px;color:#fff}
nav a:hover{color:var(--rotary-sky)}
nav a[href="#join"]{border-radius:50px;padding:12px 20px;background:var(--rotary-sky);color:var(--rotary-royal-blue)}
.language,header .plain{color:white;border:1px solid #ffffff75;background:transparent;border-radius:30px}
.language:hover,header .plain:hover{background:#ffffff16}
h1,h2,h3{font-family:inherit;font-weight:700;color:var(--rotary-royal-blue)}
h1{font-size:clamp(42px,5.2vw,68px);line-height:1.08;letter-spacing:-2px}
h2{font-size:clamp(30px,3.5vw,43px);line-height:1.14;letter-spacing:-1px}
h3{letter-spacing:-.2px}
.eyebrow{color:var(--rotary-azure);font-weight:750;letter-spacing:1.8px}
.button{background:var(--rotary-royal-blue);border-color:var(--rotary-royal-blue);border-radius:40px;padding:14px 24px;color:white;font-weight:700}
.button:hover{background:#0c3266;border-color:#0c3266;color:#fff}
.button.light,.button.gold{background:var(--rotary-gold);border-color:var(--rotary-gold);color:#212c3f}
.button.light:hover,.button.gold:hover{background:#ffc56e;border-color:#ffc56e;color:#212c3f}
.button.outline,.button.secondary{background:transparent;color:var(--rotary-royal-blue);border-color:var(--rotary-royal-blue)}
.button.outline:hover,.button.secondary:hover{background:#eaf3fc;color:#0c3266}
.plain{border-radius:25px;border-color:#b8cce3;color:var(--rotary-royal-blue)}
.plain:hover{background:#edf5fc}
input,textarea,select{border-color:#a9bdd5;color:#212c3f}
input:focus,textarea:focus,select:focus{border-color:var(--rotary-azure)}
input[type=checkbox]{accent-color:var(--rotary-royal-blue)}
:focus-visible{outline:3px solid var(--rotary-gold);outline-offset:4px}
.hero.wrap{max-width:none;padding:55px max(40px,calc((100vw - 1160px)/2)) 0;background:var(--rotary-royal-blue);color:white}
.hero-grid{gap:55px}
.hero h1{color:white}
.hero h1 em{font-style:normal;color:var(--rotary-sky);font-weight:700}
.hero .eyebrow{color:var(--rotary-gold)}
.hero .lead,.hero-note{color:#edf5ff}
.hero .button{background:var(--rotary-gold);border-color:var(--rotary-gold);color:#212c3f}
.hero .button:hover{background:#ffc56e}
.hero .button.outline{background:transparent;border-color:#d5eaff;color:#fff}
.hero .button.outline:hover{background:#ffffff15}
.art{background:#b9eff7;border-radius:8px;min-height:450px}
.art svg{height:450px}
.art-label{background:white;color:var(--rotary-royal-blue);border-radius:25px}
.art-bottom{color:#fff;bottom:0;left:0;right:0;padding:16px 22px;background:#212c3fe8;font-size:11px;gap:15px}
.ribbon{border-color:#ffffff45;margin-top:45px;padding:23px 0 28px}
.ribbon div{border-color:#ffffff45}
.ribbon strong{color:white}
.ribbon span{color:#e6f2ff}
.step{border-top-color:var(--rotary-azure)}
.step span{font-family:inherit;font-weight:700;color:var(--rotary-azure)}
.step h3{color:var(--rotary-royal-blue)}
.route-poster{background:var(--rotary-navy);border-radius:6px}
.route-poster .eyebrow{color:var(--rotary-gold)}
.route-poster small{color:#e0edfa}
.notice{background:#fff7e8;border-color:var(--rotary-gold);color:#4d3c1d}
.resource .tag{color:var(--rotary-azure)}
.resource a{color:var(--rotary-royal-blue)}
.filters button{color:var(--rotary-royal-blue);border-color:#bdd0e6}
.filters button[aria-pressed=true]{background:var(--rotary-royal-blue)}
.impact{background:#edf5fc}
.calculator{background:white;border-color:#c8d9eb}
.total{font-family:inherit;color:var(--rotary-royal-blue);font-weight:750}
.future{background:#fff;border-color:#d5dfeb;border-top:4px solid var(--rotary-azure)}
.badge{background:#e7f2ff;color:var(--rotary-royal-blue)}
.join{background:var(--rotary-navy)}
.join h2,.join>.wrap>.join-grid h2{color:white}
.join .eyebrow{color:var(--rotary-gold)}
.join p{color:#dce9f6}
.join .notice{background:#28354b;color:#eaf3ff}
.join .calculator h3,.join .calculator p{color:var(--rotary-navy)}
.join .calculator .privacy{color:var(--muted)}
.join .button.light{background:var(--rotary-gold)}
footer{background:var(--rotary-navy);border-top:1px solid #ffffff25;color:#e4edf7}
footer .foot{color:#e4edf7;align-items:center}
.rotary-footer-logo{width:112px;height:auto;display:block;margin-bottom:18px}
footer a{color:#e4edf7}
.intro h1{color:var(--rotary-royal-blue)}
.availability{background:#edf5fc;border-color:#c5d8ed;color:#244b78}
.steps button{color:#4c6078;border-color:#d6e2ef}
.steps button[aria-selected=true]{background:#e9f2fc;border-color:var(--rotary-royal-blue);color:var(--rotary-royal-blue)}
.steps b,.summary dd{font-family:inherit;font-weight:700}
.panel,.card{border-color:#d5dfeb}
.card{background:#f8fbff}
.photo{background:#edf5fc;border-color:#c5d8ed}
.consent,.account,.feedback:not(:empty){background:#edf5fc}
.progress{background:#e1eaf5}
.recovery{background:#fff7e8;border-color:var(--rotary-gold)}
.preview{background:#f4f8fd}
.empty{border-color:#a9bdd5;color:#526984}
@media(max-width:1000px){html{scroll-padding-top:220px}.rotary-identity{gap:16px}.project-brand{padding-left:16px;font-size:10px}.nav{flex-wrap:wrap}.nav nav{width:100%;padding-top:12px;border-top:1px solid #ffffff26;justify-content:space-between}.nav{padding-top:18px;padding-bottom:17px}}
@media(max-width:760px){.rotary-utility>.wrap{font-size:10px;min-height:32px;gap:10px}.rotary-utility .utility-links{gap:12px}.rotary-utility .initiative-label{max-width:55%;font-size:9px}.header{flex-wrap:wrap;min-height:100px}.rotary-mark img{width:115px;height:44px}.project-brand{padding-left:14px;font-size:9px}.project-brand small{font-size:9px}.rotary-identity{gap:14px}.hero.wrap{padding:35px 22px 0}.hero-grid{gap:28px}.art{min-height:350px}.art svg{height:350px}.ribbon{margin-top:32px}.sidebar .mini,.sidebar .summary{display:none}.sidebar .backup-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sidebar .backup-tools br{display:none}.backup-tools .plain{font-size:10px;padding:7px 10px}.form .intro{padding-top:30px}}
@media(max-width:480px){.rotary-utility .initiative-label{max-width:50%}.rotary-utility .utility-links{gap:10px;font-size:9px}.header .top-actions{width:100%;justify-content:flex-end}.project-brand{font-size:9px}nav{gap:9px}nav a{font-size:11px}nav a[href="#join"]{padding:9px 13px}.hero h1{font-size:43px}.rotary-footer-logo{width:100px}}