.volunteer-form-page{background:var(--background);min-height:100vh}.vf-header{z-index:100;background:0 0;padding:20px 32px;position:fixed;top:0;left:0;right:0}.vf-back-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);background:#fffffff2;border-radius:50px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 12px #00000014}.vf-back-link:hover{background:var(--white);transform:translate(-4px);box-shadow:0 4px 20px #0000001f}.vf-back-link i{color:var(--primary);font-size:.85rem}.vf-hero{background:linear-gradient(135deg, var(--primary) 0%, #0a4a9e 100%);text-align:center;padding:120px 24px 60px}.vf-hero-content{max-width:600px;margin:0 auto}.vf-hero-icon{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.vf-hero-icon i{color:var(--white);font-size:1.75rem}.vf-hero h1{font-family:var(--font-heading);color:var(--white);margin-bottom:12px;font-size:max(2rem,min(5vw,2.5rem));font-weight:600}.vf-hero p{color:#ffffffd9;font-size:1.1rem}.vf-content{margin-top:-20px;padding:48px 24px 80px}.vf-form{background:var(--white);border-radius:20px;max-width:700px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #00000014}.vf-section{border-bottom:1px solid var(--border);padding:32px}.vf-section:last-of-type{border-bottom:none}.vf-section-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:20px;font-size:1.1rem;font-weight:600;display:flex}.vf-section-title i{color:var(--primary);font-size:1rem}.vf-section-hint{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.vf-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.vf-input-group{flex-direction:column;gap:8px;display:flex}.vf-input-group.full-width{grid-column:1/-1}.vf-input-group label{color:var(--text-primary);font-size:.85rem;font-weight:500}.vf-input-group input,.vf-input-group select,.vf-input-group textarea{border:2px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:12px;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.vf-input-group input:focus,.vf-input-group select:focus,.vf-input-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0834751a}.vf-input-group input::placeholder,.vf-input-group textarea::placeholder{color:#9ca3af}.vf-input-group select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.vf-input-group textarea{resize:vertical;min-height:100px}.vf-interests-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vf-interest-btn{background:var(--background);border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex;position:relative}.vf-interest-btn:hover{border-color:var(--primary);color:var(--primary)}.vf-interest-btn.active{border-color:var(--primary);color:var(--primary);background:#08347514}.vf-interest-btn i:first-child{font-size:1rem}.vf-interest-btn .vf-check{color:var(--primary);font-size:.75rem;position:absolute;top:10px;right:10px}.vf-submit-section{background:var(--background);text-align:center;padding:32px}.vf-submit-btn{background:var(--primary);width:100%;max-width:320px;color:var(--white);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:18px 32px;font-size:1rem;font-weight:600;transition:background .3s,transform .3s;display:inline-flex}.vf-submit-btn:hover:not(:disabled){background:#062a5c;transform:translateY(-2px)}.vf-submit-btn:disabled{opacity:.6;cursor:not-allowed}.vf-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.vf-submit-note{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:.8rem;display:flex}.vf-submit-note i{color:#10b981}.vf-success-container{justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:120px 24px 80px;display:flex}.vf-success{background:var(--white);text-align:center;border-radius:24px;max-width:500px;padding:48px;box-shadow:0 8px 32px #0000001a}.vf-success-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.vf-success-icon i{color:var(--white);font-size:2rem}.vf-success h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:16px;font-size:1.75rem;font-weight:600}.vf-success p{color:var(--text-secondary);margin-bottom:12px;font-size:1rem;line-height:1.6}.vf-success-note{color:var(--primary);font-style:italic}.vf-success-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.vf-btn-secondary,.vf-btn-primary{border-radius:50px;align-items:center;gap:8px;padding:14px 24px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.vf-btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.vf-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.vf-btn-primary{background:var(--primary);color:var(--white)}.vf-btn-primary:hover{background:#062a5c}.vf-footer{background:var(--white);border-top:1px solid var(--border);padding:40px 24px}.vf-footer-content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.vf-footer-brand{align-items:center;gap:12px;display:flex}.vf-footer-brand .logo-icon{background:var(--primary);width:40px;height:40px;color:var(--white);border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:flex}.vf-footer-brand .logo-text{flex-direction:column;display:flex}.vf-footer-brand .logo-name{font-size:1rem;font-weight:600}.vf-footer-brand .logo-tagline{font-size:.75rem}.vf-footer-copyright{color:var(--text-secondary);font-size:.85rem}@media (max-width:768px){.vf-header{padding:16px 20px}.vf-hero{padding:100px 20px 48px}.vf-content{padding:32px 16px 60px}.vf-section{padding:24px 20px}.vf-form-grid,.vf-interests-grid{grid-template-columns:1fr}.vf-success{padding:32px 24px}.vf-success-actions{flex-direction:column}}@media (max-width:480px){.vf-back-link span{display:none}.vf-back-link{justify-content:center;gap:0;width:44px;height:44px;padding:12px}.vf-back-link i{margin:0}.vf-interest-btn{padding:14px 16px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.vf-back-link,.vf-interest-btn,.vf-submit-btn,.vf-btn-secondary,.vf-btn-primary{transition:none}.vf-back-link:hover,.vf-submit-btn:hover,.vf-interest-btn:hover{transform:none}.vf-spinner{animation:none}}