.volunteer-page{background-color:#05060a}.volunteer-page main{padding-top:80px}.volunteer-hero{min-height:calc(100dvh - 80px);padding:8vh 5vw;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.volunteer-kicker,.vol-section-head small,.application-copy small,.certificate-section small{color:var(--cyan);font:15px 'Permanent Marker'}.volunteer-hero h1{margin:22px 0;font:clamp(78px,10vw,165px)/.8 'Anton'}.volunteer-hero h1 i,.vol-section-head h2 i,.application-copy h2 i,.certificate-section h2 i{font-style:normal;color:var(--lime);text-shadow:7px 7px 0 var(--pink)}.volunteer-hero p{max-width:720px;color:#a2a5ae;font-size:19px;line-height:1.7}.volunteer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.volunteer-actions a{padding:17px 21px;border:1px solid #ffffff38;font-size:12px;font-weight:800}.volunteer-actions a:first-child{background:var(--lime);color:#05060a;box-shadow:6px 6px 0 var(--pink);border:0}.impact-poster{position:relative;min-height:590px;padding:42px;background:#f1eee6;color:#05060a;transform:rotate(3deg);box-shadow:18px 18px 0 var(--violet);background-image:radial-gradient(#0002 1px,transparent 1px);background-size:11px 11px}.impact-poster small{font-weight:800;letter-spacing:.12em}.impact-poster>b{display:block;margin-top:55px;font:clamp(70px,7.4vw,125px)/.73 'Anton'}.impact-poster>span{position:absolute;left:-35px;bottom:45px;padding:13px 20px;background:var(--pink);color:#fff;font:17px 'Permanent Marker';transform:rotate(-6deg)}
.volunteer-menu{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw 10vh;gap:12px}.volunteer-menu a{position:relative;min-height:190px;padding:24px;border:1px solid #ffffff25;background:#0b0d13;transition:.3s}.volunteer-menu a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--c,var(--cyan))}.volunteer-menu a:nth-child(2){--c:var(--violet)}.volunteer-menu a:nth-child(3){--c:var(--pink)}.volunteer-menu a:nth-child(4){--c:var(--lime)}.volunteer-menu a:hover{transform:translateY(-8px);border-color:var(--c)}.volunteer-menu small{color:var(--c);font:18px 'Permanent Marker'}.volunteer-menu b{display:block;margin:34px 0 9px;font:28px 'Anton'}.volunteer-menu span{color:#8f939d;font-size:13px;line-height:1.5}.opportunity-section,.application-section,.impact-workspace,.certificate-section{padding:11vh 5vw;border-top:1px solid #ffffff20}.vol-section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px}.vol-section-head h2,.application-copy h2,.certificate-section h2{margin:0;font:clamp(58px,7.5vw,120px)/.82 'Anton';text-align:right}.opportunity-tools{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;padding:20px;border:1px solid #ffffff27;background:#090b10}.opportunity-tools label,.vol-form label,.impact-dashboard label{display:grid;gap:8px;color:#969aa4;font-size:11px;font-weight:800}.opportunity-tools input,.opportunity-tools select,.vol-form input,.vol-form textarea,.impact-dashboard input,.impact-dashboard textarea{width:100%;padding:15px;border:1px solid #ffffff25;background:#10121a;color:#fff;font:14px 'Space Grotesk'}.opportunity-tools button,.vol-form button,.impact-dashboard button,.certificate-section button{padding:15px 20px;border:0;background:var(--lime);color:#05060a;font-weight:900;cursor:pointer}.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:16px}.opportunity-card{min-height:290px;padding:24px;border:1px solid #ffffff24;background:linear-gradient(145deg,#13151d,#08090d);display:flex;flex-direction:column}.opportunity-card small{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.1em}.opportunity-card h3{margin:24px 0 10px;font:30px 'Anton'}.opportunity-card p{color:#92959e;line-height:1.6}.opportunity-card .tags{display:flex;gap:6px;flex-wrap:wrap;margin:auto 0 18px}.opportunity-card .tags span{padding:5px 8px;border:1px solid #ffffff25;color:#bbb;font-size:9px}.opportunity-card button{padding:12px;border:1px solid var(--cyan);background:none;color:var(--cyan);font-weight:800;cursor:pointer}
.application-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.application-copy h2{text-align:left;margin-top:20px}.application-copy p{color:#999;line-height:1.7}.vol-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px;border:1px solid #ffffff26;background:#0a0c12}.vol-form label:nth-of-type(5),.vol-form button,.vol-form #applicationResult{grid-column:1/-1}.vol-form textarea{min-height:110px;resize:vertical}#applicationResult{padding:20px;border-left:4px solid var(--pink);background:#11141c;white-space:pre-wrap;line-height:1.65}.impact-dashboard{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.impact-dashboard>form,.impact-summary{padding:25px;border:1px solid #ffffff25;background:#090b10}.impact-dashboard>form{display:grid;gap:13px}.impact-dashboard textarea{min-height:90px}.impact-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.impact-numbers span{padding:16px;border:1px solid #ffffff20;color:#888;font-size:9px}.impact-numbers b{display:block;color:var(--lime);font:38px 'Anton'}.activity-list{display:grid;gap:9px;margin-top:18px}.activity-list article{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:15px;border:1px solid #ffffff1d}.activity-list h3{margin:0;font-size:15px}.activity-list p{margin:4px 0;color:#888;font-size:11px}.activity-list strong{color:var(--cyan)}.activity-list button{background:none;border:0;color:var(--pink);cursor:pointer}.certificate-section{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.certificate-section h2{text-align:left;margin:15px 0}.certificate-section p{max-width:800px;color:#999;line-height:1.7}.certificate-section>button{min-width:250px}.certificate-section article{grid-column:1/-1;padding:45px;background:#f3f0e8;color:#08090d}.certificate-section article h2{font-size:58px;text-align:left}.certificate-section article table{width:100%;border-collapse:collapse}.certificate-section article td,.certificate-section article th{padding:10px;border-bottom:1px solid #0002;text-align:left}
@media(max-width:900px){.volunteer-nav nav>a:not(.login-link){display:none}.volunteer-page main{padding-top:66px}.volunteer-hero{grid-template-columns:1fr;padding-top:10vh}.volunteer-hero h1{font-size:20vw}.impact-poster{min-height:460px}.volunteer-menu{grid-template-columns:1fr 1fr}.opportunity-tools,.opportunity-grid,.application-section,.impact-dashboard,.certificate-section{grid-template-columns:1fr}.vol-section-head{display:block}.vol-section-head h2{text-align:left;margin-top:22px}.vol-form{grid-template-columns:1fr}.vol-form label{grid-column:1/-1}.certificate-section>button{width:100%}}@media(max-width:520px){.volunteer-menu,.opportunity-grid{grid-template-columns:1fr}.impact-poster{min-height:390px;padding:28px}.impact-poster>b{font-size:20vw}.impact-numbers{grid-template-columns:1fr}.activity-list article{grid-template-columns:1fr auto}.activity-list strong{grid-row:1/3;grid-column:2}.volunteer-hero p{font-size:16px}}@media print{.volunteer-page>*:not(main),.volunteer-page main>*:not(#certificate){display:none!important}.certificate-section{display:block;border:0;padding:0}.certificate-section>div,.certificate-section>button{display:none}.certificate-section article{display:block!important}}
