:root{--neo-bg: #e8f0f7;--neo-shadow-light: rgba(255, 255, 255, .8);--neo-shadow-dark: rgba(163, 177, 198, .6);--neo-shadow-inset-light: rgba(255, 255, 255, .5);--neo-shadow-inset-dark: rgba(163, 177, 198, .35);--neo-radius: 24px;--neo-radius-sm: 16px;--neo-radius-xs: 12px}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.opportunity-card{background:linear-gradient(145deg,#fff,#f0f4f8);border-radius:var(--neo-radius);border:none;box-shadow:8px 8px 20px var(--neo-shadow-dark),-8px -8px 20px var(--neo-shadow-light);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;animation:cardFadeIn .5s ease-out forwards;opacity:0}.opportunity-card:nth-child(1){animation-delay:.05s}.opportunity-card:nth-child(2){animation-delay:.1s}.opportunity-card:nth-child(3){animation-delay:.15s}.opportunity-card:nth-child(4){animation-delay:.2s}.opportunity-card:nth-child(5){animation-delay:.25s}.opportunity-card:nth-child(6){animation-delay:.3s}.opportunity-card:nth-child(n+7){animation-delay:.35s}.opportunity-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:12px 12px 30px var(--neo-shadow-dark),-12px -12px 30px var(--neo-shadow-light),0 20px 40px #05966926}.opportunity-card:active{transform:translateY(-4px) scale(1.01);box-shadow:4px 4px 10px var(--neo-shadow-dark),-4px -4px 10px var(--neo-shadow-light)}.opportunity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#059669,#10b981,#34d399);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.opportunity-card.urgent:before{background:linear-gradient(90deg,#f59e0b,#ef4444,#f59e0b);background-size:200% 100%}.opportunity-header{padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:column;gap:.875rem}.opportunity-category-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.opportunity-category-icon{width:44px;height:44px;border-radius:var(--neo-radius-xs);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(145deg,#fff,#e6eff7);box-shadow:4px 4px 8px var(--neo-shadow-dark),-4px -4px 8px var(--neo-shadow-light);flex-shrink:0}.opportunity-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-dark);line-height:1.4;letter-spacing:-.02em}.opportunity-badges{display:flex;gap:.5rem;flex-wrap:wrap}.neo-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(145deg,#f0f4f8,#e0e8f0);box-shadow:2px 2px 4px var(--neo-shadow-dark),-2px -2px 4px var(--neo-shadow-light);color:var(--text-dark)}.neo-badge.remote{background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#1e40af}.neo-badge.onsite{background:linear-gradient(145deg,#dcfce7,#bbf7d0);color:#166534}.neo-badge.hybrid{background:linear-gradient(145deg,#fef3c7,#fde68a);color:#92400e}.neo-badge.urgent{background:linear-gradient(145deg,#fee2e2,#fecaca);color:#991b1b;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.opportunity-body{padding:0 1.5rem 1.25rem;color:var(--neutral-grey);font-size:.9rem;line-height:1.7;flex:1}.opportunity-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.25rem}.opportunity-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem;background:linear-gradient(145deg,#e0e8f0,#f0f4f8);border-radius:var(--neo-radius-sm);box-shadow:inset 3px 3px 6px var(--neo-shadow-inset-dark),inset -3px -3px 6px var(--neo-shadow-inset-light)}.meta-item{display:flex;gap:.75rem;align-items:center}.meta-icon{width:40px;height:40px;border-radius:var(--neo-radius-xs);background:linear-gradient(145deg,#fff,#e6eff7);box-shadow:3px 3px 6px var(--neo-shadow-dark),-3px -3px 6px var(--neo-shadow-light);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.meta-content{display:flex;flex-direction:column;min-width:0}.meta-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-grey);font-weight:700;margin-bottom:.15rem}.meta-value{font-size:.875rem;color:var(--text-dark);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slots-indicator{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-top:1rem;background:linear-gradient(145deg,#dcfce7,#bbf7d0);border-radius:var(--neo-radius-xs);box-shadow:inset 2px 2px 4px #86efac4d,inset -2px -2px 4px #ffffff80}.slots-indicator.urgent{background:linear-gradient(145deg,#fef3c7,#fde68a);box-shadow:inset 2px 2px 4px #fbbf244d,inset -2px -2px 4px #ffffff80}.slots-text{font-size:.85rem;font-weight:800;color:#166534;white-space:nowrap}.slots-indicator.urgent .slots-text{color:#92400e}.slots-bar{flex:1;height:8px;background:#fff9;border-radius:4px;overflow:hidden;box-shadow:inset 1px 1px 2px #0000001a}.slots-bar-fill{height:100%;background:linear-gradient(90deg,#059669,#10b981);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.slots-indicator.urgent .slots-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.opportunity-footer{padding:1.25rem 1.5rem;background:linear-gradient(145deg,#f8fafc,#eef2f7);display:flex;gap:.875rem}.neo-btn{flex:1;padding:.875rem 1.25rem;border:none;border-radius:var(--neo-radius-xs);font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.neo-btn-primary{background:linear-gradient(145deg,#10b981,#059669);color:#fff;box-shadow:4px 4px 10px #0596694d,-2px -2px 6px #10b98133}.neo-btn-primary:hover{transform:translateY(-2px);box-shadow:6px 6px 15px #05966966,-3px -3px 8px #10b9814d}.neo-btn-primary:active{transform:translateY(0);box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a}@media(max-width:768px){.opportunities-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.opportunity-meta{grid-template-columns:1fr}.opportunity-card{border-radius:var(--neo-radius-sm)}}.skeleton{background:linear-gradient(90deg,#e0e8f0 25%,#f0f4f8,#e0e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--neo-radius-xs)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.donate-section{border-top:4px solid var(--primary-green)}.donate-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.donate-benefits{list-style:none;padding:0;margin:1rem 0}.donate-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-dark);font-weight:500}.benefit-icon{font-size:1rem}.donate-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.donate-amount-btn{padding:.875rem;border:2px solid var(--border-color);border-radius:12px;background:#fff;font-size:1rem;font-weight:700;color:var(--text-dark);cursor:pointer;transition:all .2s}.donate-amount-btn:hover{border-color:var(--primary-green);background:var(--secondary-green)}.donate-amount-btn.active{border-color:var(--primary-green);background:var(--primary-green);color:#fff}.donate-qr-section{display:flex;flex-direction:column;align-items:center}.qr-display-box{width:100%;max-width:280px;min-height:280px;background:var(--bg-light);border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.qr-display-box.has-qr{border-style:solid;border-color:var(--primary-green);background:#fff}.qr-placeholder-text{color:var(--neutral-grey);font-size:.9rem;margin:0}#volunteerQrCode canvas{border-radius:12px}.qr-instructions-box{background:var(--secondary-green);border-radius:12px;padding:1.25rem;width:100%;max-width:280px}.qr-instructions-box h4{font-size:1rem;color:var(--primary-green-dark);margin:0 0 .75rem}.qr-instructions-box ol{margin:0;padding-left:1.25rem;color:var(--text-dark);font-size:.9rem;line-height:1.8}.qr-trust-badge{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(5,150,105,.2);font-size:.9rem;color:var(--primary-green-dark);font-weight:600}@media(max-width:768px){.donate-content{grid-template-columns:1fr}.donate-amount-grid{grid-template-columns:repeat(2,1fr)}.donate-qr-section{margin-top:1rem}}