@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--navy:#0b1e3d;--navy-light:#132850;--gold:#d4a017;--gold-light:#f0c040;--white:#fff;--off-white:#f7f5f0;--gray:#8a8f99;--gray-light:#e8e6e1;--card-radius:16px;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--color-navy-950:#060911;--color-navy-900:#0a0e1a;--color-navy-800:#111827;--color-navy-700:#1e293b;--color-navy-600:#1f2937;--color-navy-500:#374151;--color-navy-400:#4b5563;--color-gold-bright:#f4c430;--color-gold-mid:#d4a017;--color-gold-muted:#92700a;--color-gold-glow:#f4c43026;--color-gold-border:#f4c43040;--color-sand-light:#f5f0e8;--color-sand-mid:#e8dcc8;--color-sand-warm:#c4a882;--color-text-primary-dark:#f9fafb;--color-text-primary-light:#0f172a;--color-text-muted:#6b7280;--color-text-dim:#374151;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--surface-base:#0a0e1a;--surface-1:#111827;--surface-2:#1f2937;--surface-3:#374151;--surface-overlay:#00000080;--font-sans:"Inter", "DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-display-sm:2.5rem;--text-display-md:3.5rem;--text-display-lg:5rem;--text-display-xl:clamp(3.5rem, 8vw, 7rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000073;--shadow-xl:0 16px 48px #00000080;--shadow-gold:0 8px 24px #f4c4304d;--shadow-card:0 4px 24px #0006;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--duration-fast:.1s;--duration-base:.2s;--duration-slow:.4s;--duration-slower:.6s;--duration-reveal:.8s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--elf-orange:#ff5a1f;--elf-orange-dark:#de4712;--elf-yellow:#ffc93c;--team-primary:var(--elf-orange);--team-secondary:var(--elf-yellow);--team-primary-foreground:#fff;--canvas:#fff;--surface-light:#fff;--surface-light-elevated:#f7f5f0;--text-primary-app:#111318;--text-secondary-app:#4b5563;--text-muted-app:#6b7280;--border-app:#e5e7eb;--shell-backdrop:#15171c;--focus-ring:0 0 0 2px #fff, 0 0 0 4px var(--team-primary);--control-height-sm:36px;--control-height-md:44px;--control-height-lg:52px;--tap-target-min:44px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--white);color:var(--navy);line-height:1.6}
.elf-btn{justify-content:center;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-8);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:.01em;cursor:pointer;transition:background var(--duration-base) var(--ease-default), color var(--duration-base) var(--ease-default), transform var(--duration-fast) var(--ease-default), box-shadow var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.elf-btn:focus-visible,.elf-focus-ring:focus-visible{box-shadow:var(--focus-ring);outline:none}.elf-btn-primary{background:var(--team-primary);color:var(--team-primary-foreground)}.elf-btn-primary:hover{filter:brightness(.92);transform:translateY(-1px)}.elf-btn-primary:active{filter:brightness(.85);transform:translateY(0)}.elf-btn-secondary{color:var(--team-primary);border:1.5px solid var(--team-primary);background:0 0}.elf-btn-secondary:hover{background:color-mix(in srgb, var(--team-primary) 10%, transparent);border-color:var(--team-primary);transform:translateY(-1px)}.elf-btn-secondary:active{transform:translateY(0)}.elf-btn-ghost{color:var(--color-text-muted);padding:0 var(--space-4);background:0 0}.elf-btn-ghost:hover{color:var(--color-text-primary-dark)}.elf-btn-danger{background:var(--color-error);color:#fff}.elf-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.elf-btn-donate{height:60px;padding:0 var(--space-8);background:linear-gradient(135deg, var(--color-gold-bright), var(--color-gold-mid));color:var(--color-navy-900);font-size:var(--text-lg);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-gold);font-weight:700}.elf-btn-donate:hover{background:linear-gradient(135deg, var(--color-gold-mid), var(--color-gold-muted));transform:translateY(-2px);box-shadow:0 12px 32px #f4c43066}.elf-btn-donate:active{transform:translateY(0)}.elf-btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.elf-btn-lg{height:56px;padding:0 var(--space-10);font-size:var(--text-lg)}.elf-card{background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default)}.elf-card:hover{border-color:var(--color-gold-border);box-shadow:var(--shadow-lg)}.elf-card-elevated{background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg)}.elf-card-elevated:hover{border-color:var(--color-gold-border);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.elf-card-gold{background:var(--surface-1);border:1px solid var(--surface-2);border-left:3px solid var(--color-gold-bright);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.elf-card-light{border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000f}.elf-card-light:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001a}.elf-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.04em;white-space:nowrap;padding:4px 10px;font-weight:600;line-height:1;display:inline-flex}.elf-badge-live{color:var(--color-success);background:#10b9811f;border:1px solid #10b9814d}.elf-badge-live:before{content:"";border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0;width:6px;height:6px;animation:2s infinite elf-pulse}.elf-badge-upcoming{color:var(--color-info);background:#3b82f61f;border:1px solid #3b82f640}.elf-badge-ending{color:var(--color-warning);background:#f59e0b1f;border:1px solid #f59e0b40}.elf-badge-ending:before{content:"";border-radius:var(--radius-full);background:var(--color-warning);flex-shrink:0;width:6px;height:6px;animation:1.5s infinite elf-pulse}.elf-badge-ended{color:var(--color-text-muted);border:1px solid var(--surface-3);background:#37415180}.elf-badge-premium{background:linear-gradient(135deg, var(--color-gold-bright), var(--color-gold-mid));color:var(--color-navy-900);border:none;font-weight:700}@keyframes elf-pulse{0%,to{opacity:1}50%{opacity:.35}}.elf-progress{background:var(--surface-2);border-radius:var(--radius-full);width:100%;height:10px;overflow:hidden}.elf-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-success), #34d399);height:100%;transition:width var(--duration-reveal) var(--ease-enter)}.elf-progress-gold{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-gold-mid), var(--color-gold-bright));height:100%;transition:width var(--duration-reveal) var(--ease-enter)}.elf-progress-sm{height:6px}.elf-progress-md{height:10px}.elf-progress-lg{height:14px;box-shadow:0 0 0 1px var(--surface-3)}.elf-progress-lg .elf-progress-fill,.elf-progress-lg .elf-progress-gold{box-shadow:2px 0 8px #10b98199}.elf-progress-lg .elf-progress-gold{box-shadow:2px 0 8px #f4c43080}.elf-stat-card{background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);gap:var(--space-2);flex-direction:column;display:flex}.elf-stat-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.elf-stat-value{font-family:var(--font-mono);color:var(--color-gold-bright);letter-spacing:-.01em;font-size:1.75rem;font-weight:500;line-height:1}.elf-stat-trend{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:var(--space-1);font-weight:500;display:flex}.elf-stat-trend-up{color:var(--color-success)}.elf-stat-trend-down{color:var(--color-error)}.elf-form-group{gap:var(--space-2);flex-direction:column;display:flex}.elf-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-weight:600}.elf-label-light{color:var(--color-text-muted)}.elf-input{background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-md);width:100%;height:48px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary-dark);transition:border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-base) var(--ease-default);outline:none}.elf-input::placeholder{color:var(--color-text-muted)}.elf-input:focus{border-color:var(--color-gold-bright);box-shadow:0 0 0 3px var(--color-gold-glow)}.elf-input-light{border-radius:var(--radius-md);width:100%;height:48px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary-light);transition:border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-base) var(--ease-default);background:#fff;border:1.5px solid #e2e8f0;outline:none}.elf-input-light::placeholder{color:#94a3b8}.elf-input-light:focus{border-color:var(--color-gold-mid);box-shadow:0 0 0 3px var(--color-gold-glow)}.elf-textarea{height:auto;min-height:96px;padding:var(--space-3) var(--space-4);resize:vertical}.elf-amount-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--surface-3);background:var(--surface-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary-dark);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-bounce);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.elf-amount-chip:hover{border-color:var(--color-gold-bright);color:var(--color-gold-bright)}.elf-amount-chip.active,.elf-amount-chip[aria-pressed=true]{background:var(--color-gold-bright);border-color:var(--color-gold-bright);color:var(--color-navy-900);transform:scale(1.05)}.elf-donate-input-wrap{background:var(--surface-2);border:1.5px solid var(--surface-3);border-radius:var(--radius-md);transition:border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-base) var(--ease-default);align-items:center;display:flex;overflow:hidden}.elf-donate-input-wrap:focus-within{border-color:var(--color-gold-bright);box-shadow:0 0 0 3px var(--color-gold-glow)}.elf-donate-input-prefix{padding:0 var(--space-4);font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-gold-bright);border-right:1px solid var(--surface-3);-webkit-user-select:none;user-select:none;align-items:center;height:60px;font-weight:500;display:flex}.elf-donate-input{height:60px;padding:0 var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--color-text-primary-dark);background:0 0;border:none;outline:none;flex:1;font-weight:500}.elf-donate-input::placeholder{color:var(--color-text-muted)}.elf-section{padding:var(--space-24) 5%}.elf-section-dark{background:var(--surface-base)}.elf-section-surface{background:var(--surface-1)}.elf-container{max-width:1280px;margin-left:auto;margin-right:auto}.elf-container-md{max-width:768px;margin-left:auto;margin-right:auto}.elf-section-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-bright);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.elf-section-label:before{content:"◆";opacity:.8;font-size:.6em}.elf-section-title{font-family:var(--font-display);font-size:var(--text-display-sm);letter-spacing:.02em;color:var(--color-text-primary-dark);margin-bottom:var(--space-4);line-height:1.05}.elf-section-title-dark{color:var(--color-text-primary-light)}.elf-section-sub{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px;line-height:1.7}.elf-divider{border:none;border-top:1px solid var(--surface-2);margin:var(--space-6) 0}.elf-divider-gold{border-top-color:var(--color-gold-border)}.elf-section-flat{background:var(--canvas);border-bottom:1px solid var(--border-app);padding:var(--space-4) 0}.elf-surface-card{background:var(--surface-light);border:1px solid var(--border-app);border-radius:var(--radius-lg);padding:var(--space-4)}.elf-list-row{align-items:center;gap:var(--space-3);min-height:var(--tap-target-min);padding:var(--space-3) var(--space-1);border-bottom:1px solid var(--border-app);display:flex}.elf-list-row:last-child{border-bottom:none}.elf-avatar{border-radius:var(--radius-full);background:var(--team-primary);width:32px;height:32px;color:var(--team-primary-foreground);font-weight:700;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.elf-empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-4);color:var(--text-muted-app);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.elf-btn,.elf-card,.elf-card-elevated,.elf-card-light,.elf-progress-fill,.elf-progress-gold,.elf-amount-chip{transition:none}.elf-badge-live:before,.elf-badge-ending:before{animation:none}}