.voluntary-page{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);min-height:100vh;padding-top:70px}.voluntary-hero{text-align:center;padding:80px 0 60px;position:relative}.voluntary-hero:before{content:"";z-index:1;background:radial-gradient(circle at 25% 30%,#ff6b6b1a 0%,#0000 50%),radial-gradient(circle at 75% 70%,#ff6b6b1a 0%,#0000 50%);position:absolute;inset:0}.voluntary-hero h1{color:var(--text-primary);z-index:2;margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;position:relative}.voluntary-tagline{color:var(--text-secondary);z-index:2;max-width:600px;margin:0 auto;font-size:clamp(1.1rem,2.5vw,1.4rem);font-style:italic;position:relative}.voluntary-content{padding:2rem 0}.voluntary-grid{gap:2rem;max-width:1200px;margin:0 auto;display:grid}.voluntary-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s}.voluntary-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.voluntary-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.voluntary-icon{background-color:var(--accent-color);color:var(--bg-primary);border-radius:8px;flex-shrink:0;margin-top:.25rem;padding:12px}.voluntary-icon svg{color:inherit;display:block}.voluntary-main{flex:1}.voluntary-main h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem;line-height:1.4}.voluntary-organization{color:var(--accent-color);margin-bottom:.5rem;font-size:1rem;font-weight:600}.voluntary-period{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;font-style:italic}.voluntary-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.voluntary-description p{margin-bottom:1rem}.voluntary-description p:last-child{margin-bottom:0}.voluntary-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background-color:var(--accent-color);color:var(--bg-primary);border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:500}.tag.leadership{background-color:#e74c3c}.tag.community{background-color:#27ae60}.tag.technical{background-color:#3498db}.tag.educational{background-color:#f39c12}.tag.charity{background-color:#9b59b6}@media (max-width:768px){.voluntary-hero{padding:2rem 0 1.5rem}.voluntary-hero h1{font-size:2rem}.voluntary-tagline{font-size:1.1rem}.voluntary-card{padding:1.5rem}.voluntary-header{flex-direction:column;gap:1rem}.voluntary-icon{align-self:flex-start}.voluntary-main h3{font-size:1.2rem}.voluntary-tags{gap:.3rem}.tag{padding:.25rem .6rem;font-size:.75rem}}@media (max-width:480px){.voluntary-hero h1{font-size:1.8rem}.voluntary-card{padding:1.25rem}.voluntary-main h3{font-size:1.1rem}}