
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--navy:#071d38;--navy2:#0d2b4c;--green:#008751;--yellow:#fcd116;--red:#e8112d;--gold:#c9a33a;--ivory:#f7f5ef;--ink:#132238;--muted:#667085;--line:#e6e8eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.6}.topline{height:34px;background:#06172c;color:#dbe6f0;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;font-size:10px;letter-spacing:.12em}.legal-mini{opacity:.9}.header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eef0f2;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy)}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%}.brand strong{display:block;font-size:13px;letter-spacing:.08em}.brand span{display:block;font-size:11px;letter-spacing:.24em;color:#7b8490}.nav{display:flex;align-items:center;gap:22px}.nav a{font-size:12px;font-weight:600;color:#39475a;text-decoration:none;white-space:nowrap}.nav a:hover,.nav .active{color:var(--green)}.nav-cta{background:var(--navy);color:#fff!important;padding:11px 15px;border-radius:3px}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--navy)}
.recruitment-bar{min-height:58px;background:linear-gradient(90deg,var(--green),#006f45);color:#fff;display:flex;align-items:center;padding:9px 5vw;gap:13px}.ticker-dot{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(252,209,22,.12);flex:0 0 auto}.recruitment-copy{display:flex;align-items:center;gap:12px;flex:1;font-size:12px}.recruitment-copy strong{letter-spacing:.12em}.deadline{font-weight:700;color:#fff3ad}.bar-btn{background:#fff;color:var(--navy);padding:9px 14px;text-decoration:none;font-weight:800;font-size:10px;letter-spacing:.08em}
.hero{height:650px;position:relative;overflow:hidden;background:var(--navy)}.hero-flag{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,45,.97) 0%,rgba(5,24,45,.82) 35%,rgba(5,24,45,.18) 72%,rgba(5,24,45,.12))}.hero-content{position:relative;z-index:2;color:#fff;max-width:660px;padding:135px 5vw}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#f5f0dd}.eyebrow.dark{color:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:76px;line-height:.98;letter-spacing:-.04em;margin:20px 0}.hero h1 em,h1 em,h2 em{font-family:"Playfair Display",serif;font-weight:600}.hero p{max-width:560px;font-size:18px;color:#e3eaf1}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;text-decoration:none;border:0;padding:13px 19px;font-size:11px;font-weight:800;letter-spacing:.1em;cursor:pointer}.btn.primary{background:var(--yellow);color:#12233b}.btn.light{background:#fff;color:var(--navy)}.hero-seal{position:absolute;right:7vw;bottom:65px;z-index:2;width:120px;height:120px;border:5px solid rgba(255,255,255,.5);border-radius:50%;overflow:hidden;background:#fff}.hero-seal img{width:100%;height:100%;object-fit:cover}.hero-scroll{position:absolute;bottom:22px;left:5vw;color:#fff;font-size:9px;letter-spacing:.2em;z-index:3}.hero-scroll span{margin-left:8px;font-size:18px}
.recruitment-feature{padding:46px 5vw;display:flex;align-items:end;justify-content:space-between;gap:30px;background:var(--ivory);border-bottom:1px solid #e7e2d4}.recruitment-feature h2{font-size:40px;line-height:1.1;max-width:700px;margin:8px 0 10px}.recruitment-feature p{max-width:720px;color:#586577}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{border:1px solid #d7d1bd;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700}.dark-btn{background:var(--navy);color:#fff}
.section{padding:95px 5vw}.section-kicker{font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--green)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;margin-top:20px}.intro h2{font-size:47px;line-height:1.1;letter-spacing:-.03em}.intro p{color:#596678;font-size:17px}.text-link{display:inline-block;margin-top:10px;color:var(--navy);font-size:11px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--yellow);padding-bottom:3px}
.map-section{display:grid;grid-template-columns:.8fr 1.2fr;min-height:600px;background:#f1efe8}.map-copy{padding:105px 5vw}.map-copy h2{font-size:50px;line-height:1.05;margin:15px 0}.map-copy p{color:#5d6774;max-width:450px}.map-art{display:flex;align-items:center;justify-content:center;padding:50px}.map-frame{width:min(570px,100%);padding:20px;background:#fff;box-shadow:0 20px 70px rgba(7,29,56,.12)}.map-frame img{display:block;width:100%;height:440px;object-fit:contain}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.section-heading h2{font-size:44px;line-height:1.05;margin:10px 0 0}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.pillar-grid article{background:#fff;padding:30px 25px;min-height:225px}.pillar-grid b{color:var(--red);font-size:11px;letter-spacing:.1em}.pillar-grid h3{font-size:20px;line-height:1.2;margin:35px 0 10px}.pillar-grid p{color:var(--muted);font-size:13px}
.portrait-section{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.portrait-image{height:590px;overflow:hidden}.portrait-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-copy{padding:100px 8vw;display:flex;flex-direction:column;justify-content:center}.portrait-copy h2{font-size:60px;line-height:1.03;margin:18px 0}.portrait-copy p{color:#c7d2df;max-width:480px}.portrait-copy .btn{align-self:flex-start;margin-top:20px}
.news-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.news-grid article{padding:32px;min-height:270px}.news-main{background:var(--navy);color:#fff}.news-main h3{font-size:30px;line-height:1.1}.news-main p{color:#c6d1de}.news-main a,.news-side a{color:inherit;font-size:11px;font-weight:800;text-decoration:none}.news-label,.news-side span{font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--yellow);margin-bottom:50px}.news-side{background:#f4f2ec}.news-side h3{font-size:22px;line-height:1.2}
.final-cta{height:440px;position:relative;overflow:hidden;background:var(--navy)}.final-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.final-overlay{position:absolute;inset:0;background:rgba(4,22,40,.78)}.final-content{position:relative;z-index:2;color:#fff;padding:100px 5vw}.final-content h2{font-size:56px;line-height:1.03;margin:15px 0 30px}
footer{background:#06172c;color:#c5d0dc}.footer-main{padding:60px 5vw;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:50px}.footer-brand img{width:65px;height:65px;border-radius:50%;object-fit:cover}.footer-brand p{color:#fff;font-weight:700;margin:12px 0 0}.footer-brand small{color:#7f92a7}.footer-main h4{color:#fff;font-size:11px;letter-spacing:.15em}.footer-main a{display:block;color:#aebccc;text-decoration:none;font-size:12px;margin:7px 0}.footer-main p{font-size:12px}.footer-legal{border-top:1px solid rgba(255,255,255,.1);padding:18px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7f92a7}
.page-hero{min-height:430px;background:var(--ivory);padding:115px 5vw;display:flex;justify-content:space-between;align-items:center}.page-hero h1{font-size:62px;line-height:1.02;margin:16px 0}.page-hero p{max-width:600px;color:#5d6876;font-size:17px}.page-hero>img{width:300px;height:300px;object-fit:contain;background:#fff;box-shadow:0 20px 50px rgba(7,29,56,.1)}.content-page{max-width:1250px;margin:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:60px}.two-col h2{font-size:42px;line-height:1.08}.two-col p{color:#5d6876;font-size:17px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards-3 article{padding:35px;background:var(--navy);color:#fff;min-height:250px}.cards-3 span,.senator-grid span,.action-grid b,.resource-list span{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--yellow)}.cards-3 h3{font-size:24px}.cards-3 p{color:#c7d2df;font-size:13px}.governance-list{border-top:1px solid var(--line)}.governance-list article{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:35px 0;border-bottom:1px solid var(--line)}.governance-list b{font-size:13px;color:var(--red)}.governance-list span{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--green)}.governance-list h2{font-size:31px;margin:8px 0}.governance-list p{color:var(--muted)}.senator-grid,.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.senator-grid article,.action-grid article{border:1px solid var(--line);padding:30px;min-height:240px}.senator-grid h2,.action-grid h2{font-size:23px;line-height:1.2;margin:35px 0 10px}.senator-grid p,.action-grid p{color:var(--muted);font-size:13px}.action-grid article{background:#f8f7f3}.action-grid article:nth-child(2){border-top:4px solid var(--green)}.action-grid article:nth-child(3){border-top:4px solid var(--yellow)}.action-grid article:nth-child(4){border-top:4px solid var(--red)}.news-page-card{background:var(--navy);color:#fff;padding:60px;max-width:850px}.news-page-card span{font-size:9px;color:var(--yellow);letter-spacing:.18em;font-weight:800}.news-page-card h2{font-size:42px;line-height:1.05;margin:20px 0}.news-page-card p{color:#cbd6e2;max-width:650px}.empty-state{text-align:center;padding:90px 30px;background:var(--ivory)}.empty-state span{font-size:9px;color:var(--green);font-weight:800;letter-spacing:.2em}.empty-state h2{font-size:38px}.empty-state p{max-width:600px;margin:auto;color:var(--muted)}.media-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.media-feature img{width:100%;height:520px;object-fit:cover}.media-feature span{font-size:9px;letter-spacing:.2em;font-weight:800;color:var(--green)}.media-feature h2{font-size:45px;line-height:1.05}.media-feature p{color:var(--muted)}.resource-list{border-top:1px solid var(--line)}.resource-list a{display:grid;grid-template-columns:180px 1fr 180px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.resource-list strong{font-size:20px}.resource-list small{color:var(--muted)}.application-box{background:var(--ivory);padding:55px;display:flex;align-items:center;justify-content:space-between;gap:40px}.application-box h2{font-size:43px;line-height:1.05}.application-box p{max-width:700px;color:var(--muted)}.deadline-big{color:var(--red)!important;font-weight:800}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid h2{font-size:43px}.contact-grid p{color:var(--muted)}form{display:flex;flex-direction:column;gap:12px}input,textarea{font:inherit;border:1px solid var(--line);padding:15px;background:#fff;outline:none}input:focus,textarea:focus{border-color:var(--green)}.legal-box{border-left:3px solid var(--yellow);padding:12px 15px;margin-top:14px;background:var(--ivory);font-size:12px}
@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:10px}.pillar-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topline{padding:0 4vw}.topline>span:first-child{display:none}.topline{justify-content:flex-end}.header{padding:0 4vw}.menu-toggle{display:block}.nav{position:absolute;top:82px;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:20px 4vw;display:none;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;font-size:12px}.recruitment-bar{padding:10px 4vw}.recruitment-copy{flex-direction:column;align-items:flex-start;gap:2px}.recruitment-copy .deadline{display:none}.hero{height:600px}.hero-content{padding:100px 6vw}.hero h1{font-size:58px}.hero-seal{right:6vw;bottom:55px;width:85px;height:85px}.recruitment-feature,.section-heading{align-items:flex-start;flex-direction:column}.recruitment-feature h2,.section-heading h2{font-size:36px}.intro-grid,.map-section,.portrait-section,.two-col,.media-feature,.contact-grid{grid-template-columns:1fr;gap:25px}.map-copy{padding:70px 6vw}.map-art{padding:30px}.map-frame img{height:350px}.section{padding:70px 6vw}.pillar-grid,.cards-3,.senator-grid,.action-grid{grid-template-columns:1fr}.portrait-image{height:480px}.portrait-copy{padding:70px 8vw}.portrait-copy h2{font-size:50px}.news-grid{grid-template-columns:1fr}.page-hero{padding:80px 6vw;min-height:350px}.page-hero h1{font-size:48px}.page-hero>img{display:none}.footer-main{grid-template-columns:1fr 1fr;padding:50px 6vw}.footer-legal{flex-direction:column;padding:18px 6vw}.resource-list a{grid-template-columns:1fr}.application-box{padding:35px;flex-direction:column;align-items:flex-start}}

/* ===== v3 additions: social, WhatsApp float, document modal, forms ===== */
.social-row{display:flex;gap:10px;margin-top:16px}
.social-ic{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#c9d3de;transition:background .15s,color .15s}
.social-ic:hover{background:var(--green);color:#fff}
.social-ic svg{width:16px;height:16px;fill:currentColor}
.wa-channel-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:#1fae53;color:#fff!important;text-decoration:none;padding:10px 16px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em}
.wa-channel-btn svg{width:15px;height:15px;fill:#fff}
.wa-channel-btn:hover{background:#189246}

.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(7,29,56,.35);z-index:60;text-decoration:none;animation:wa-pulse 2.4s infinite}
.whatsapp-float svg{width:30px;height:30px;fill:#fff}
.whatsapp-float .wa-tooltip{position:absolute;right:70px;background:#06172c;color:#fff;font-size:11px;font-weight:700;padding:8px 12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;top:50%;transform:translateY(-50%)}
.whatsapp-float:hover .wa-tooltip{opacity:1}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5),0 10px 30px rgba(7,29,56,.35)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0),0 10px 30px rgba(7,29,56,.35)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 10px 30px rgba(7,29,56,.35)}}
@media(max-width:820px){.whatsapp-float{right:14px;bottom:14px;width:52px;height:52px}.whatsapp-float .wa-tooltip{display:none}}

.doc-modal{position:fixed;inset:0;background:rgba(4,14,27,.94);z-index:100;display:none;flex-direction:column;backdrop-filter:blur(3px)}
.doc-modal.open{display:flex}
.doc-modal-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}
.doc-modal-close{background:rgba(255,255,255,.1);border:0;color:#fff;width:38px;height:38px;border-radius:50%;font-size:16px;cursor:pointer}
.doc-modal-close:hover{background:rgba(255,255,255,.2)}
.doc-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 20px;overflow:auto;user-select:none}
.doc-modal-body img{max-width:min(820px,92vw);max-height:82vh;box-shadow:0 30px 80px rgba(0,0,0,.5);pointer-events:none}
.doc-modal-foot{text-align:center;color:#9fb0c2;font-size:10px;letter-spacing:.05em;padding:14px 20px 22px}

.doc-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.doc-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;text-align:left;cursor:pointer;padding:0;font:inherit;color:var(--ink)}
.doc-card .doc-thumb{height:220px;overflow:hidden;background:#eee}
.doc-card .doc-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.doc-card .doc-info{padding:20px}
.doc-card .doc-tag{font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--green)}
.doc-card h3{font-size:18px;margin:8px 0 6px}
.doc-card p{color:var(--muted);font-size:12px;margin:0}
.doc-card .doc-open{margin-top:12px;font-size:11px;font-weight:800;color:var(--navy)}
.doc-card:hover .doc-open{color:var(--green)}

.resource-list a,.resource-list button{display:grid;grid-template-columns:180px 1fr 180px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);background:none;border-left:0;border-right:0;border-top:0;font:inherit;text-align:left;width:100%;cursor:pointer}
.resource-list .r-status{font-size:11px;font-weight:700;color:var(--muted);justify-self:end;text-align:right}
.resource-list .r-status.ready{color:var(--green)}

.duo-image{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.duo-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.media-duo{height:520px}

.presence-section{display:grid;grid-template-columns:.8fr 1.2fr;min-height:560px;background:#f1efe8}
.presence-copy{padding:105px 5vw}
.presence-copy h2{font-size:50px;line-height:1.05;margin:15px 0}
.presence-copy p{color:#5d6774;max-width:460px}
.presence-art{display:flex;align-items:center;justify-content:center;padding:50px}
.presence-frame{width:min(480px,100%);padding:14px;background:#fff;box-shadow:0 20px 70px rgba(7,29,56,.12)}
.presence-frame img{display:block;width:100%;border-radius:2px}
.presence-levels{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.presence-levels span{border:1px solid #d7d1bd;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;background:#fff}

.legal-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);cursor:pointer}
.legal-link:hover{color:#fff;text-decoration-color:#fff}

/* Candidature form */
.form-section{max-width:900px;margin:0 auto 70px}
.form-hero-box{background:var(--ivory);padding:40px 45px;margin-bottom:10px}
.form-hero-box h2{font-size:30px;margin:6px 0 10px}
.form-hero-box p{color:#586577;margin:0}
fieldset.f-block{border:0;border-top:2px solid var(--navy);padding:34px 0 6px;margin:0}
fieldset.f-block legend{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green);padding:0;margin-bottom:18px;width:100%}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.f-field.full{grid-column:1/-1}
.f-field label{font-size:12px;font-weight:700;color:var(--ink)}
.f-field .hint{font-size:11px;color:var(--muted);font-weight:400}
.f-field input,.f-field select,.f-field textarea{font:inherit;border:1px solid var(--line);padding:13px;background:#fff;outline:none;width:100%}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:var(--green)}
.radio-row{display:flex;gap:22px;padding-top:6px}
.radio-row label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}
.declaration{background:var(--ivory);padding:26px 28px;display:flex;flex-direction:column;gap:14px;margin:10px 0 30px}
.declaration label{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:#3a4756;cursor:pointer;line-height:1.5}
.declaration input{margin-top:3px}
.info-box{border-left:3px solid var(--gold);background:#fbf7ec;padding:16px 20px;font-size:13px;color:#5b4d24;margin:20px 0}
.form-error{color:#b3261e;font-weight:700;font-size:13px;min-height:20px;margin:10px 0}
.submit-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:10px}
.submit-row button{border:0;cursor:pointer}
.success-panel{display:none;background:var(--navy);color:#fff;padding:44px}
.success-panel h3{font-size:26px;margin:0 0 10px}
.success-panel p{color:#c7d2df}
.recap-box{background:#0d2b4c;padding:20px;white-space:pre-wrap;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:#dfe7ef;max-height:340px;overflow:auto;margin:16px 0}
.success-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.4)!important;color:#fff}
.required{color:var(--red)}
@media(max-width:820px){.f-grid{grid-template-columns:1fr}.doc-card-grid{grid-template-columns:1fr}.form-hero-box{padding:30px 24px}.presence-section{grid-template-columns:1fr}.presence-copy{padding:60px 6vw}.presence-art{padding:20px 6vw 50px}}
