.volunteer-layout{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:start}.volunteer-intro h2{margin-bottom:var(--space-md)}.volunteer-list{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-xl) 0}.volunteer-list li{padding-left:var(--space-lg);position:relative;font-size:15px;color:var(--text-light)}.volunteer-list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--primary)}.volunteer-list strong{display:block;color:var(--text)}.volunteer-note{font-size:14px}.volunteer-done,.volunteer-form{display:flex;flex-direction:column;gap:var(--space-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.volunteer-form-title{padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.volunteer-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.volunteer-error{background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--danger);font-size:14px}.volunteer-done{align-items:flex-start;text-align:left}.volunteer-done h3{color:var(--success)}@media (max-width:940px){.volunteer-layout{grid-template-columns:1fr}}@media (max-width:620px){.volunteer-row{grid-template-columns:1fr}}