.donate-hero{padding:calc(72px + var(--space-16)) 0 var(--space-16);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);text-align:center}.donate-hero-content{max-width:700px;margin:0 auto}.donate-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.donate-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media(min-width:768px){.donate-title{font-size:var(--font-size-6xl)}.donate-subtitle{font-size:var(--font-size-xl)}}.donate-tiers{background:var(--color-bg)}.tiers-grid{display:grid;gap:var(--space-6)}.tier-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.tier-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.tier-featured{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.tier-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--color-primary);color:var(--color-bg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full)}.tier-header{margin-bottom:var(--space-4)}.tier-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary)}.tier-frequency{font-size:var(--font-size-base);color:var(--color-text-muted)}.tier-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.tier-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.tier-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.tier-features li{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.check-icon{flex-shrink:0;color:var(--color-success);margin-top:2px}.btn-tier{width:100%}@media(min-width:640px){.tiers-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tiers-grid{grid-template-columns:repeat(4,1fr)}.tier-featured{transform:scale(1.05);z-index:1}.tier-featured:hover{transform:scale(1.08)}}.donate-form-section{background:var(--color-bg-secondary)}.donate-form-wrapper{max-width:600px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-header h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.form-header p{color:var(--color-text-muted)}.form-section{margin-bottom:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.form-section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.form-row{display:grid;gap:var(--space-4)}@media(min-width:480px){.form-row{grid-template-columns:repeat(2,1fr)}}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.amount-btn{padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.amount-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.amount-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.custom-amount{position:relative;grid-column:span 3}.currency-symbol{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.custom-amount input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-8);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.custom-amount input:focus{outline:none;border-color:var(--color-primary)}@media(min-width:480px){.amount-grid{grid-template-columns:repeat(3,1fr)}.custom-amount{grid-column:span 3}}.type-toggle{display:flex;background:var(--color-surface-elevated);border-radius:var(--radius-lg);padding:var(--space-1)}.type-btn{flex:1;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.type-btn:hover{color:var(--color-text)}.type-btn.active{background:var(--color-primary);color:var(--color-bg)}.form-checkbox{display:flex;gap:var(--space-3);align-items:flex-start}.form-checkbox input{flex-shrink:0;width:20px;height:20px;margin-top:2px;accent-color:var(--color-primary)}.form-checkbox label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.btn-block{width:100%;display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.btn-amount{background:#0003;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-bold)}.security-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.security-note svg{flex-shrink:0;color:var(--color-success)}.compliance-section{background:var(--color-bg)}.compliance-content{max-width:700px;margin:0 auto;text-align:center}.compliance-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-glow);border-radius:50%;color:var(--color-primary);margin:0 auto var(--space-6)}.compliance-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.compliance-text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.compliance-text strong{color:var(--color-primary)}.compliance-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.badge-icon{color:var(--color-success);font-weight:var(--font-weight-bold)}.compliance-link{font-weight:var(--font-weight-medium)}.faq-section{background:var(--color-bg-secondary)}.faq-grid{display:grid;gap:var(--space-6);max-width:900px;margin:0 auto}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.faq-item:hover{border-color:var(--color-primary)}.faq-question{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.faq-answer{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media(min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.nav-active{background:var(--color-primary-light)!important}.donation-tier{cursor:pointer}.donation-tier.selected{border-color:var(--color-primary);box-shadow:var(--shadow-glow);background:var(--color-surface-elevated)}.donation-tier.selected .tier-amount{color:var(--color-primary-light)}.frequency-toggle{display:flex;background:var(--color-surface-elevated);border-radius:var(--radius-lg);padding:var(--space-1);margin-bottom:var(--space-6)}.frequency-btn{flex:1;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.frequency-btn:hover{color:var(--color-text)}.frequency-btn.active{background:var(--color-primary);color:var(--color-bg)}.custom-amount-wrapper{text-align:center;margin-bottom:var(--space-6)}.custom-amount-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.custom-amount-input-wrapper{position:relative;max-width:200px;margin:0 auto}.custom-amount-input-wrapper .currency-symbol{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg)}.custom-amount-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast)}.custom-amount-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.custom-amount-input::-moz-placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.custom-amount-input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.donate-btn{width:100%;font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.donate-btn:disabled{opacity:.6;cursor:not-allowed}.donation-message{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.donation-message p{margin:0;flex:1}.donation-message--success{background:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success)}.donation-message--error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.donation-message--info{background:#3b82f61a;border:1px solid #3b82f6;color:#3b82f6}.message-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;opacity:.7;color:inherit;padding:0;line-height:1}.message-close:hover{opacity:1}.donate-form-wrapper{text-align:center}