:root{--navy: #1B3A5C;--navy-dark: #132d49;--green: #7AB02C;--green-dark: #6a9a26;--orange: #E85A2C;--white: #FFFFFF;--gray-bg: #F5F7FA;--text: #2A2A2A;--text-light: #5A5F66;--radius: 8px;--radius-lg: 12px;--max-width: 1140px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background-color:var(--white)}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:1000;background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #0000000f;border-bottom:1px solid rgba(0,0,0,.04)}.nav__container{max-width:var(--max-width);margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between}.nav__logo-link{display:flex;align-items:center}.nav__logo{height:44px;width:auto;display:block;border-radius:4px}.nav__links{display:flex;align-items:center;gap:28px}.nav__links a{font-size:.9rem;font-weight:500;color:var(--navy);transition:color .2s}.nav__links a:not(.nav__donate){position:relative;padding-bottom:2px}.nav__links a:not(.nav__donate):after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--green);transition:width .25s ease}.nav__links a:hover{color:var(--green)}.nav__links a:not(.nav__donate):hover:after{width:100%}.nav__donate{background:var(--green);color:var(--white)!important;padding:10px 28px;border-radius:6px;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #7ab02c40}.nav__donate:hover{background:var(--green-dark);box-shadow:0 4px 12px #7ab02c4d}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav__toggle span{display:block;width:24px;height:2px;background:var(--navy);border-radius:2px;transition:transform .2s,opacity .2s}.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(170deg,#0f233c99,#0f233c66 40%,#0f233cb3),url(/hero.png) center 20%/150% no-repeat;overflow:hidden}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:none;opacity:0}.hero__content{position:relative;z-index:1;padding:48px 32px;max-width:760px;margin-top:12%}.hero__title{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;color:var(--white);line-height:1.1;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.2);letter-spacing:-.02em}.hero__title-name{display:block;color:var(--white)}.hero__subtitle{font-size:clamp(1.05rem,2.5vw,1.35rem);color:#ffffffe6;margin-bottom:44px;font-weight:400;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.15)}.hero__buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:15px 36px;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;border:2px solid transparent;letter-spacing:.01em}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--green);color:var(--white);border-color:var(--green);box-shadow:0 4px 14px #7ab02c4d}.btn--primary:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:0 6px 20px #7ab02c59}.btn--outline{background:#ffffff14;color:var(--white);border-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--outline:hover{background:var(--white);color:var(--navy);border-color:var(--white)}.btn--donate{background:var(--orange);color:var(--white);border-color:var(--orange);box-shadow:0 4px 14px #e85a2c4d}.btn--donate:hover{background:#d14e24;border-color:#d14e24;box-shadow:0 6px 20px #e85a2c59}.btn--full{width:100%;text-align:center;border:none;padding:16px;font-size:1.05rem}.section-heading{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--navy);margin-bottom:24px;line-height:1.15;letter-spacing:-.02em}.section-heading--center{text-align:center}.section-heading--center:after{content:"";display:block;width:48px;height:3px;background:var(--green);margin:16px auto 0;border-radius:2px}.about{padding:104px 32px}.about__container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:72px;align-items:center}.about__image img{border-radius:var(--radius-lg);width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;object-position:center 15%;box-shadow:var(--shadow-lg)}.about__text p{color:var(--text-light);margin-bottom:18px;font-size:1.05rem;line-height:1.75}.about__text p:last-child{margin-bottom:0}.about__roles{font-size:.85rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px!important;padding-bottom:20px;border-bottom:2px solid var(--gray-bg)}.stats{background:var(--navy);padding:64px 32px}.stats__container{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.stats__item{position:relative;padding:0 16px}.stats__item:not(:last-child):after{content:"";position:absolute;right:0;top:10%;height:80%;width:1px;background:#ffffff26}.stats__number{display:block;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--white);line-height:1;margin-bottom:10px}.stats__label{display:block;font-size:.8rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.priorities{padding:104px 32px;background:var(--gray-bg)}.priorities__container{max-width:var(--max-width);margin:0 auto}.priorities__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}.priorities__card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.04)}.priorities__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.priorities__card-image{width:100%;height:150px;overflow:hidden}.priorities__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.priorities__card:hover .priorities__card-image img{transform:scale(1.05)}.priorities__card-body{padding:24px 24px 28px;flex:1}.priorities__header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.priorities__icon{color:var(--green);flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#7ab02c14;border-radius:8px;padding:4px}.priorities__title{font-size:1rem;font-weight:700;color:var(--navy);margin:0;line-height:1.3}.priorities__card p{color:var(--text-light);font-size:.9rem;line-height:1.65}.voting{padding:104px 32px;background:linear-gradient(170deg,var(--navy-dark) 0%,var(--navy) 100%);color:var(--white)}.voting__container{max-width:840px;margin:0 auto}.voting .section-heading{color:var(--white)}.voting .section-heading--center:after{background:#ffffff4d}.voting__dates{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.voting__date-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:36px 28px;text-align:center;transition:border-color .3s ease}.voting__date-card:hover{border-color:#ffffff40}.voting__date-card--primary{background:var(--green);border-color:var(--green);box-shadow:0 8px 32px #7ab02c40}.voting__date-card--primary:hover{border-color:var(--green)}.voting__date-card h3{font-size:.85rem;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.voting__date-card--primary h3{opacity:1}.voting__date{font-size:1.2rem;font-weight:700;margin-bottom:6px}.voting__time{font-size:.95rem;color:#ffffffb3}.voting__date-card--primary .voting__time{color:#ffffffe6}.voting__eligibility{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:40px 36px}.voting__eligibility h3{font-size:1.15rem;font-weight:700;margin-bottom:16px}.voting__eligibility p{color:#fffc;font-size:.95rem;line-height:1.7;margin-bottom:12px}.voting__eligibility ul{list-style:none;padding-left:0;margin-bottom:20px}.voting__eligibility li{color:#fffc;font-size:.95rem;line-height:1.7;padding:6px 0 6px 28px;position:relative}.voting__eligibility li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--green);border-radius:50%}.involved{padding:104px 32px}.involved__container{max-width:580px;margin:0 auto}.involved__intro{text-align:center;color:var(--text-light);margin-bottom:40px;font-size:1.05rem}.involved__form{display:flex;flex-direction:column;gap:20px;background:var(--white);padding:40px 36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:var(--navy);letter-spacing:.01em}.required{color:var(--orange);font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:1.5px solid #dde1e7;border-radius:var(--radius);font-size:1rem;font-family:inherit;color:var(--text);background:var(--white);transition:border-color .2s}.form-group textarea{resize:vertical;font-family:inherit;min-height:72px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #7ab02c1f}.form-group input::placeholder,.form-group textarea::placeholder{color:#aab0b8}.form-group--checkboxes{border:none;padding:0}.form-group--checkboxes legend{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:10px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text);cursor:pointer;padding:6px 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);cursor:pointer}.footer{background:#f0f2f5;color:var(--text);padding:72px 32px 36px}.footer__container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px}.footer__logo{height:64px;width:auto;margin-bottom:14px;border-radius:4px}.footer__tagline{color:var(--text-light);font-size:.95rem}.footer__col h4{font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:12px}.footer__contact p{margin-bottom:8px}.footer__contact a{color:var(--text-light);transition:color .2s}.footer__contact a:hover{color:var(--green)}.footer__social-links{display:flex;gap:12px}.footer__social-links a{color:var(--navy);transition:all .25s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0000000f}.footer__social-links a:hover{color:var(--white);background:var(--green)}.footer__bottom{max-width:var(--max-width);margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.footer__bottom p{font-size:.85rem;color:var(--text-light)}.footer__disclaimer{font-size:.8rem!important;font-style:italic}.form-status{padding:14px 16px;border-radius:var(--radius);font-size:.95rem;font-weight:500;text-align:center;display:none}.form-status--success{display:block;background:#7ab02c1a;border:1.5px solid var(--green);color:#4a7a10}.form-status--error{display:block;background:#e85a2c14;border:1.5px solid var(--orange);color:#c0400e}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.about__container{grid-template-columns:1fr;gap:40px;text-align:center}.about__image{display:flex;justify-content:center}.about__image img{max-width:320px}.priorities__grid,.stats__container{grid-template-columns:repeat(2,1fr);gap:24px}.voting__dates{grid-template-columns:1fr}.footer__container{grid-template-columns:1fr;gap:32px;text-align:center}.footer__logo{margin:0 auto}.footer__social-links{justify-content:center}.footer__bottom{flex-direction:column;text-align:center}}@media (max-width: 680px){.nav__container{padding:12px 16px}.nav__logo{height:36px}.nav__links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:20px 24px;gap:16px;box-shadow:0 4px 16px #0000001a;border-top:2px solid var(--gray-bg)}.nav__links.active,.nav__toggle{display:flex}.nav__donate{text-align:center;margin-top:4px}.hero{min-height:75vh;background-size:280%;background-position:55% 15%}.hero__content{padding:40px 20px}.hero__title{font-size:1.8rem;margin-bottom:12px}.hero__subtitle{font-size:.95rem;margin-bottom:28px}.hero__buttons{flex-direction:column;align-items:center;gap:12px}.btn{width:100%;max-width:280px;text-align:center;padding:14px 24px}.about{padding:64px 20px}.about__container{gap:32px}.about__image img{max-width:240px;border-radius:12px}.about__roles{font-size:.8rem}.about__text p{font-size:.95rem;text-align:left}.section-heading{font-size:1.6rem}.stats{padding:40px 20px}.stats__container{grid-template-columns:repeat(2,1fr);gap:20px 16px}.stats__number{font-size:1.8rem}.stats__label{font-size:.75rem}.priorities{padding:64px 20px}.priorities__grid{grid-template-columns:1fr;gap:20px;margin-top:32px}.priorities__card-image{height:120px}.priorities__card-body{padding:20px}.priorities__title{font-size:.95rem}.priorities__card p{font-size:.9rem}.voting{padding:64px 20px}.voting__dates{gap:16px;margin-bottom:32px}.voting__date-card{padding:24px 20px}.voting__date-card h3{font-size:.95rem}.voting__date{font-size:1rem}.voting__time{font-size:.9rem}.voting__eligibility{padding:24px 20px}.voting__eligibility h3{font-size:1.05rem}.voting__eligibility p,.voting__eligibility li{font-size:.9rem}.involved{padding:64px 20px}.involved__container{max-width:100%}.involved__intro{font-size:.95rem;margin-bottom:28px}.involved__form{gap:16px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:16px}.checkbox-label{padding:8px 0}.footer{padding:48px 20px 24px}.footer__container{gap:28px}.footer__wordmark{font-size:1.15rem}.footer__bottom{margin-top:32px;padding-top:20px}.footer__bottom p{font-size:.8rem}}
