:root{--accent-color:#f18d01;--gold:gold;--silver:silver;--bronze:#cd7f32;--bg-primary:#000;--bg-secondary:#111;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff8c;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--timing-entrance:0.5s;--timing-hover:0.25s;--timing-stagger:0.1s;--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);margin:0}body,h1,h2{font-family:Inter,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.25,.46,.45,.94) forwards;animation:fadeIn var(--timing-entrance) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.25,.46,.45,.94) forwards;animation:fadeInUp var(--timing-entrance) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown .5s cubic-bezier(.25,.46,.45,.94) forwards;animation:fadeInDown var(--timing-entrance) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.25,.46,.45,.94) forwards;animation:scaleIn var(--timing-entrance) var(--ease-out) forwards}.stagger-1{animation-delay:.1s;animation-delay:calc(var(--timing-stagger)*1)}.stagger-2{animation-delay:.2s;animation-delay:calc(var(--timing-stagger)*2)}.stagger-3{animation-delay:.3s;animation-delay:calc(var(--timing-stagger)*3)}.stagger-4{animation-delay:.4s;animation-delay:calc(var(--timing-stagger)*4)}.stagger-5{animation-delay:.5s;animation-delay:calc(var(--timing-stagger)*5)}.btn{align-items:center;-webkit-appearance:none;appearance:none;border:2px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;gap:var(--space-sm);justify-content:center;padding:.9rem 1.5rem;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease,opacity .25s ease;transition:transform var(--timing-hover) var(--ease-bounce),box-shadow var(--timing-hover) ease,background var(--timing-hover) ease,opacity var(--timing-hover) ease}.btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:2px solid #f18d01;outline:2px solid var(--accent-color);outline-offset:2px}.btn-primary{background:#f18d01;background:var(--accent-color);border-color:#f18d01;border-color:var(--accent-color);color:#000}.btn-primary:hover{opacity:.9}.btn-outline{background:#0000;border-color:#f18d01;border-color:var(--accent-color);color:#f18d01;color:var(--accent-color)}.btn-outline:hover{background:#f18d011a}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.scroll-animate.in-view{opacity:1;transform:translateY(0)}.navbar{background:#0000;left:0;padding:0;position:fixed;right:0;top:0;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:1000}.navbar:before{background:linear-gradient(180deg,#000c,#0006);content:"";inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .3s ease}.navbar.scrolled:before{opacity:0}.navbar.scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0a0af2;box-shadow:0 1px 0 #f18d0126,0 4px 20px #00000080}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:.875rem 1.5rem;position:relative}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{gap:.625rem;text-decoration:none;transition:transform var(--timing-hover) var(--ease-out)}.nav-brand:hover{transform:scale(1.02)}.brand-icon{color:var(--accent-color);filter:drop-shadow(0 2px 4px rgba(241,141,1,.3));font-size:1.5rem;transition:transform .3s var(--ease-out)}.nav-brand:hover .brand-icon{transform:rotate(-10deg)}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.35rem;font-weight:800;letter-spacing:.08em}.nav-links{align-items:center;display:none;gap:.25rem}@media (min-width:768px){.nav-links{display:flex}}.nav-link{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;letter-spacing:.02em;padding:.625rem 1.125rem;position:relative;text-decoration:none;transition:color var(--timing-hover) ease,background var(--timing-hover) ease}.nav-link-text{position:relative;z-index:1}.nav-link:before{background:#f18d0114;border-radius:8px;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--timing-hover) ease}.nav-link:after{background:var(--accent-color);border-radius:1px;bottom:6px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .25s var(--ease-out);width:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:before{opacity:1}.nav-link.active{color:var(--accent-color)}.nav-link.active:after{width:50%}.nav-link-fireblood{color:#dc2626!important;font-weight:600;gap:.4rem}.nav-link-fireblood:before{background:linear-gradient(135deg,#dc262626,#ef44441a)}.nav-link-fireblood:after{background:linear-gradient(90deg,#dc2626,#ef4444)}.nav-link-fireblood:hover{color:#ef4444!important}.fireblood-nav-icon{animation:fireblood-nav-pulse 2s ease-in-out infinite;height:auto;margin:-8px;width:36px}@keyframes fireblood-nav-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(220,38,38,.5))}50%{filter:drop-shadow(0 0 6px rgba(220,38,38,.8))}}.nav-link-cta{background:linear-gradient(135deg,var(--accent-color) 0,#e67e00 100%);border-radius:8px;box-shadow:0 2px 8px #f18d0140;color:#000!important;font-weight:600;margin-left:.5rem;transition:transform var(--timing-hover) var(--ease-out),box-shadow var(--timing-hover) ease}.nav-link-cta:after,.nav-link-cta:before{display:none}.nav-link-cta:hover{box-shadow:0 4px 16px #f18d0166;transform:translateY(-2px)}.nav-link-cta.active{color:#000!important}.hamburger{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:0;transition:background var(--timing-hover) ease,border-color var(--timing-hover) ease;width:44px;z-index:1001}.hamburger:hover{background:#ffffff1a;border-color:#f18d014d}@media (min-width:768px){.hamburger{display:none}}.hamburger-line{background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:transform .25s var(--ease-out),opacity .2s ease,background .2s ease;width:20px}.hamburger.open .hamburger-line{background:var(--accent-color)}.hamburger.open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-drawer{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(180deg,#0f0f0ffa,#0a0a0afa);border-left:1px solid #f18d0133;box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:85vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s var(--ease-out);width:300px;z-index:999}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:.75rem;padding:1.5rem 1.75rem}.drawer-icon{color:var(--accent-color);font-size:1.75rem}.drawer-title{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:.08em}.mobile-drawer-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem;padding:1.5rem 1rem}.mobile-link{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;font-size:1.1rem;font-weight:500;padding:1rem 1.25rem;text-decoration:none;transition:background var(--timing-hover) ease,color var(--timing-hover) ease,transform .2s var(--ease-out)}.mobile-link:hover{background:#ffffff0d;color:var(--text-primary);transform:translateX(4px)}.mobile-link.active{background:#f18d011a;color:var(--accent-color);position:relative}.mobile-link.active:before{background:var(--accent-color);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.mobile-link-fireblood{background:linear-gradient(135deg,#dc26261a,#ef44440d);border:1px solid #dc262633;color:#dc2626!important;font-weight:600;gap:.5rem}.mobile-link-fireblood:hover{background:linear-gradient(135deg,#dc262633,#ef44441a);border-color:#dc262666;color:#ef4444!important}.mobile-link-fireblood:before{display:none}.fireblood-mobile-icon{animation:fireblood-nav-pulse 2s ease-in-out infinite;height:auto;margin:-10px;width:44px}.mobile-link-cta{background:linear-gradient(135deg,var(--accent-color) 0,#e67e00 100%);box-shadow:0 2px 12px #f18d0140;color:#000!important;font-weight:600;justify-content:center;margin-top:.75rem}.mobile-link-cta:before{display:none}.mobile-link-cta:hover{box-shadow:0 4px 16px #f18d0166;transform:translateY(-2px)}.mobile-link-cta.active{background:linear-gradient(135deg,var(--accent-color) 0,#e67e00 100%);color:#000!important}.mobile-drawer-footer{border-top:1px solid #ffffff0f;padding:1.5rem 1.75rem}.drawer-tagline{color:var(--text-muted);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.mobile-backdrop{animation:fadeIn .25s ease forwards;background:#000000b3;inset:0;position:fixed;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.nav-container{padding:.75rem 1rem}.brand-icon{font-size:1.3rem}.brand-text{font-size:1.2rem}}.footer{background:linear-gradient(180deg,#0a0a0af2,#050505fa);border-top:1px solid #ffffff14;margin-top:auto;padding:3rem 1.5rem 1.5rem}.footer-container{gap:1.5rem;margin:0 auto;max-width:1200px}.footer-brand,.footer-container{align-items:center;display:flex;flex-direction:column}.footer-brand{gap:.5rem}.footer-icon{color:var(--accent-color);filter:drop-shadow(0 2px 8px rgba(241,141,1,.3));font-size:2rem}.footer-logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:.1em}.footer-tagline{color:var(--text-muted);font-size:.8rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color var(--timing-hover) ease}.footer-link:hover{color:var(--accent-color)}.footer-link-fireblood{align-items:center;color:#dc2626!important;display:flex;font-weight:600;gap:.4rem}.footer-link-fireblood:hover{color:#ef4444!important}.footer-fireblood-icon{animation:footer-fire-pulse 2s ease-in-out infinite;height:auto;margin:-8px;width:34px}@keyframes footer-fire-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(220,38,38,.5))}50%{filter:drop-shadow(0 0 5px rgba(220,38,38,.8))}}.footer-social{display:flex;gap:1rem}.footer-social-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.25rem;height:44px;justify-content:center;text-decoration:none;transition:background var(--timing-hover) ease,border-color var(--timing-hover) ease,color var(--timing-hover) ease,transform var(--timing-hover) var(--ease-out);width:44px}.footer-social-link:hover{background:#f18d0126;border-color:#f18d0166;color:var(--accent-color);transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff0f;padding-top:1.5rem;text-align:center;width:100%}.footer-copyright{color:var(--text-muted);font-size:.8rem}@media (min-width:768px){.footer{padding:4rem 2rem 2rem}.footer-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.footer-brand,.footer-container{align-items:flex-start}.footer-links{gap:2.5rem}.footer-bottom{flex-basis:100%;margin-top:1rem;order:4}}:root{--video-fit-desktop:cover;--video-fit-mobile:contain;--video-position-desktop:50% 50%;--video-position-mobile:50% 50%;--video-scale-desktop:1;--video-scale-mobile:7;--video-shift-x-desktop:0px;--video-shift-y-desktop:0px;--video-shift-x-mobile:-400px;--video-shift-y-mobile:0px}.hero{display:block;overflow:hidden;position:relative}.background-video,.video-overlay-blur{height:100%;inset:0;position:absolute;width:100%}.background-video{object-fit:cover;object-fit:var(--video-fit-desktop);object-position:50% 50%;object-position:var(--video-position-desktop);pointer-events:none;transform:translate(0) scale(1);transform:translate(var(--video-shift-x-desktop),var(--video-shift-y-desktop)) scale(var(--video-scale-desktop));z-index:-2}@media (max-width:768px){.background-video{object-fit:contain;object-fit:var(--video-fit-mobile);object-position:50% 50%;object-position:var(--video-position-mobile);transform:translate(-400px) scale(7);transform:translate(var(--video-shift-x-mobile),var(--video-shift-y-mobile)) scale(var(--video-scale-mobile))}}.video-overlay-blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#00000047 0,#00000061 55%,#00000075);pointer-events:none;z-index:-1}@media (max-width:768px){.video-overlay-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:solid #0000}}.hero-stage{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:60px 0 40px;position:relative}@media (max-width:768px){.hero-stage{min-height:60svh;padding:40px 0 24px}}.hero-content{padding:1rem;position:relative;text-align:center;z-index:1}.hero-title{animation:fadeInDown var(--timing-entrance) var(--ease-out) forwards,float 6s ease-in-out 1s infinite;animation-fill-mode:forwards,none;color:#ffffffd9;font-size:3rem}.hero-subtitle,.hero-title{margin-bottom:2rem;opacity:0}.hero-subtitle{animation:fadeInUp var(--timing-entrance) var(--ease-out) .2s forwards;color:#ffffffa6;font-size:1.5rem}.teaser-button{animation:fadeInUp var(--timing-entrance) var(--ease-out) .4s forwards;background-color:var(--accent-color);border:none;border-radius:999px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;opacity:0;overflow:hidden;padding:14px 28px;position:relative;transition:transform var(--timing-hover) var(--ease-bounce),box-shadow var(--timing-hover) ease,opacity var(--timing-hover) ease}.teaser-button:before{animation:buttonPulse 2s ease-in-out infinite;background:var(--accent-color);border-radius:inherit;content:"";inset:-2px;opacity:.5;position:absolute;z-index:-1}@keyframes buttonPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}.teaser-button:hover{box-shadow:0 8px 20px #f18d014d;transform:translateY(-3px)}.teaser-button:active{transform:translateY(0) scale(.98)}@media (min-width:768px){.hero-title{font-size:5rem}.hero-subtitle{font-size:1.8rem}}.video-panel{align-items:center;animation:fadeIn .3s ease forwards;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.video-container{animation:scaleIn .3s var(--ease-out) forwards;aspect-ratio:16/9;max-width:800px;position:relative;width:90%}.video-container iframe{border:none;border-radius:8px;height:100%;width:100%}.close-video{align-items:center;background:var(--accent-color);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:-12px;top:-12px;transition:transform var(--timing-hover) var(--ease-bounce);width:36px}.close-video:hover{transform:scale(1.1)}.top-performers{background:#0000}.hero .top-performers{margin-top:0;padding-top:20px;position:relative;z-index:1}.top-performers{align-items:center;color:#fff;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:4rem;max-width:900px;padding:4rem 0;position:relative;text-align:center;width:100%;z-index:2}.section-title{animation:fadeInDown var(--timing-entrance) var(--ease-out) forwards;color:var(--accent-color);font-size:1rem;letter-spacing:.08em;margin-bottom:1.5rem;opacity:0;text-transform:uppercase}.cards{display:flex;flex-direction:column;gap:1.25rem;width:90%}@media (min-width:768px){.cards{flex-direction:row;justify-content:center}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid #eeb36026;border-radius:16px;flex:1 1;min-width:180px;padding:1.5rem;position:relative;text-align:center;transition:transform var(--timing-hover) var(--ease-bounce),box-shadow var(--timing-hover) ease,border-color var(--timing-hover) ease}.card-animate{animation:cardSlideIn var(--timing-entrance) var(--ease-out) forwards;opacity:0}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card:hover{border-color:#eeb36066;box-shadow:0 12px 32px #0006;transform:translateY(-8px)}.rank-badge{background:linear-gradient(135deg,#f18d01e6,#f18d01b3);border-radius:20px;box-shadow:0 4px 12px #f18d014d;color:#000;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.35rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.rank-badge.rank-gold{background:linear-gradient(135deg,gold,#ffc000);box-shadow:0 4px 16px #ffd70066}.rank-badge.rank-silver{background:linear-gradient(135deg,#e0e0e0,silver);box-shadow:0 4px 12px #c0c0c04d}.rank-badge.rank-bronze{background:linear-gradient(135deg,#e6a45c,#cd7f32);box-shadow:0 4px 12px #cd7f324d}.rank-label{display:block}.card.rank-gold{border-color:#ffd7004d}.card.rank-gold:hover{border-color:#ffd70099;box-shadow:0 12px 32px #ffd70026}.card.rank-silver{border-color:#c0c0c040}.card.rank-silver:hover{border-color:#c0c0c080}.card.rank-bronze{border-color:#cd7f3240}.card.rank-bronze:hover{border-color:#cd7f3280}.name{color:#fff;font-size:1.2rem;font-weight:600;margin:.75rem 0 .5rem}.fireblood-badge{align-items:center;background:linear-gradient(135deg,#dc262633,#ef444426);border:1px solid #dc262666;border-radius:20px;color:#dc2626;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:.35rem;justify-content:center;letter-spacing:.05em;margin:.25rem 0 .5rem;padding:.25rem .75rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .25s ease}.fireblood-badge:hover{background:linear-gradient(135deg,#dc262659,#ef444440);border-color:#dc2626;box-shadow:0 4px 16px #dc26264d;transform:scale(1.05)}.fireblood-flame{animation:fireblood-pulse 1.5s ease-in-out infinite;height:auto;margin:-6px;width:32px}@keyframes fireblood-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(220,38,38,.5))}50%{filter:drop-shadow(0 0 6px rgba(220,38,38,.8))}}.fireblood-tooltip{align-items:center;background:linear-gradient(135deg,#141414fa,#190f0ffa);border:1px solid #dc262680;border-radius:10px;bottom:calc(100% + 12px);box-shadow:0 8px 32px #00000080,0 0 20px #dc262633;display:flex;gap:.5rem;left:50%;opacity:0;padding:.625rem 1rem;position:absolute;transform:translateX(-50%) scale(.9);transition:all .25s ease;visibility:hidden;white-space:nowrap;z-index:100}.fireblood-tooltip:after{border:8px solid #0000;border-top-color:#dc262680;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.fireblood-badge:hover .fireblood-tooltip{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.tooltip-icon{animation:fireblood-pulse 1.5s ease-in-out infinite;height:auto;margin:-8px;width:36px}.tooltip-text{color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.01em;text-transform:none}.card.fireblood-user{background:linear-gradient(135deg,#00000059,#dc26260d);border-color:#dc26264d}.card.fireblood-user:before{border-radius:16px;bottom:0;box-shadow:inset 0 0 30px #dc26261a;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card.fireblood-user:hover{border-color:#dc262680;box-shadow:0 12px 32px #0006,0 0 20px #dc262626}.rank-gold .name{color:var(--gold)}.rank-silver .name{color:var(--silver)}.rank-bronze .name{color:var(--bronze)}.points-display{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:1rem}.points-value{color:var(--accent-color);font-size:1.8rem;font-weight:700}.rank-gold .points-value{color:var(--gold)}.rank-silver .points-value{color:var(--silver)}.rank-bronze .points-value{color:var(--bronze)}.points-label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase}.stats{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(2,1fr);justify-items:center}.stats p{color:#fff;font-size:1rem;font-weight:500;margin:0}.stats span{color:#ccc;font-size:.8rem;opacity:.75}.skeleton{opacity:.8}.skeleton .rank-badge{background:#ffffff1a}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:4px}.shimmer,.shimmer *{color:#0000!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.streak-badge-card{align-items:center;background:linear-gradient(135deg,#ffc10733,#ff980026);border:1px solid #ffc10766;border-radius:20px;color:#ffc107;display:inline-flex;font-size:.7rem;font-weight:600;gap:.35rem;justify-content:center;margin:.25rem 0 .5rem;padding:.3rem .75rem}.streak-icon-card{animation:streak-pulse 1.5s ease-in-out infinite;color:#ffc107;font-size:.8rem}.streak-count-card{font-weight:700;letter-spacing:.02em}@keyframes streak-pulse{0%,to{color:#ffc107;filter:drop-shadow(0 0 2px rgba(255,193,7,.5))}50%{color:#ffd54f;filter:drop-shadow(0 0 6px rgba(255,213,79,.8))}}.philosophy{background:linear-gradient(180deg,#000,#0a0a0a);color:#fff;padding:5rem 1rem}.philosophy-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin:0 auto;max-width:1000px}@media (min-width:768px){.philosophy-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}.quote{background:#ffffff08;border-left:4px solid var(--accent-color);border-radius:0 12px 12px 0;opacity:0;padding:2rem 1.5rem;position:relative;transform:translateY(30px);transition:background var(--timing-hover) ease,border-color var(--timing-hover) ease,transform var(--timing-hover) var(--ease-out)}.philosophy.in-view .quote{animation:quoteSlideIn .6s var(--ease-out) forwards}@keyframes quoteSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quote:hover{background:#ffffff0f;border-color:var(--gold);transform:translateX(4px)}.quote-text{color:var(--text-secondary);font-size:1.1rem;font-style:italic;line-height:1.6;margin:0}.quote-mark{color:var(--accent-color);font-family:Georgia,serif;font-size:4rem;line-height:1;opacity:.15;pointer-events:none;position:absolute}.quote-mark-open{left:12px;top:8px}.quote-mark-close{bottom:0;right:12px}@media (max-width:767px){.quote{padding:1.5rem 1.25rem}.quote-text{font-size:1rem}.quote-mark{font-size:3rem}}.challenge{background:linear-gradient(180deg,#0a0a0a,#111);color:#fff;padding:5rem 1rem;text-align:center}.challenge-title{color:var(--accent-color);font-size:1rem;letter-spacing:.1em;margin-bottom:1.25rem;opacity:0;text-transform:uppercase;transform:translateY(20px)}.challenge.in-view .challenge-title{animation:fadeInUp var(--timing-entrance) var(--ease-out) forwards}.challenge-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0 auto 2.5rem;max-width:600px;opacity:0;transform:translateY(20px)}.challenge.in-view .challenge-text{animation:fadeInUp var(--timing-entrance) var(--ease-out) .1s forwards}.challenge-icons{align-items:center;display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.challenge-icons{flex-direction:row;gap:3rem;justify-content:center}}.icon-block{align-items:center;display:flex;flex-direction:column;gap:.75rem;opacity:0;transform:translateY(20px)}.challenge.in-view .icon-block{animation:fadeInUp var(--timing-entrance) var(--ease-out) forwards}.icon-wrapper{align-items:center;background:#f18d011a;border:2px solid #f18d014d;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;transition:background var(--timing-hover) ease,border-color var(--timing-hover) ease,transform var(--timing-hover) var(--ease-bounce);width:80px}.icon-wrapper:before{animation:iconRingPulse 2s ease-in-out infinite;border:2px solid #f18d0133;border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes iconRingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.1)}}.icon-block:hover .icon-wrapper{background:#f18d0133;border-color:var(--accent-color);transform:scale(1.08)}.icon{animation:iconPulse 3s ease-in-out infinite;color:var(--accent-color);font-size:2rem}.icon-text{color:var(--text-primary);font-size:1rem;font-weight:500;max-width:150px}@media (max-width:767px){.challenge{padding:4rem 1rem}.challenge-text{font-size:1rem}.icon-wrapper{height:70px;width:70px}.icon{font-size:1.75rem}}.leaderboard-chart{animation:fadeInUp var(--timing-entrance) var(--ease-out) forwards;animation-delay:.3s;background:#0006;border:1px solid #f18d0133;border-radius:12px;margin-top:var(--space-xl);opacity:0;padding:var(--space-lg)}.chart-title{color:var(--accent-color);font-size:1rem;letter-spacing:.08em;margin:0 0 var(--space-lg);text-align:center;text-transform:uppercase}.chart-container{min-height:350px;width:100%}.chart-tooltip{background:#000000e6;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 4px 20px #0006;padding:.75rem 1rem}.tooltip-date{border-bottom:1px solid #ffffff1a;color:var(--text-muted);font-size:.8rem;margin:0 0 .5rem;padding-bottom:.5rem}.tooltip-items{display:flex;flex-direction:column;gap:.25rem}.tooltip-item{display:flex;font-size:.85rem;gap:1rem;justify-content:space-between}.tooltip-name{font-weight:500}.tooltip-value{font-weight:600}.chart-legend{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;margin-top:var(--space-md);padding-top:var(--space-md)}.legend-item{align-items:center;background:#ffffff08;border-radius:20px;cursor:pointer;display:flex;gap:.5rem;padding:.35rem .75rem;transition:background var(--timing-hover) ease,opacity var(--timing-hover) ease,transform var(--timing-hover) var(--ease-out)}.legend-item:hover{background:#ffffff14}.legend-item.highlighted{background:#f18d0126;transform:scale(1.05)}.legend-item.dimmed{opacity:.35}.legend-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-name{color:var(--text-primary);font-size:.85rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-total{color:var(--text-muted);font-size:.75rem;font-weight:600}@media (max-width:768px){.leaderboard-chart{padding:var(--space-md)}.chart-container{min-height:280px}.chart-legend{gap:.5rem}.legend-item{font-size:.8rem;padding:.25rem .5rem}.legend-name{max-width:70px}}.modal-overlay *,.modal-overlay :after,.modal-overlay :before{box-sizing:border-box}.modal-overlay{align-items:flex-start;animation:overlayFadeIn .25s ease forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:1.5rem;position:fixed;right:0;top:56px;z-index:900}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{animation:panelSlideUp .3s var(--ease-out) forwards;background:linear-gradient(180deg,#141414fc,#0e0e0efc);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 0 1px #f18d011a;display:flex;flex-direction:column;max-height:100%;max-width:960px;overflow:hidden;width:100%}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-top-bar{align-items:center;background:#00000080;border-bottom:1px solid #f18d0133;display:flex;flex:0 0 auto;justify-content:space-between;padding:1rem 1.5rem;position:relative}.modal-top-info{display:flex;flex-direction:column;gap:.125rem}.modal-title{color:var(--accent-color);font-size:1.25rem;font-weight:700;margin:0}.modal-subtitle{color:var(--text-muted);font-size:.8rem}.modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;transition:all var(--timing-hover) ease;width:40px}.modal-close:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b;transform:scale(1.05)}.modal-scroll-area{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.modal-content{box-sizing:border-box;padding:1.5rem 1.5rem 3rem;width:100%}.modal-content>*{max-width:100%}.modal-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--accent-color);height:44px;margin-bottom:1rem;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.modal-error{align-items:center;color:#ff6b6b;display:flex;justify-content:center;min-height:200px}.stats-grid{grid-gap:.75rem;box-sizing:border-box;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;width:100%}@media (min-width:480px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.stats-grid{gap:.625rem;grid-template-columns:repeat(6,1fr)}}.stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;text-align:center;transition:all var(--timing-hover) ease}.stat-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:1rem;height:38px;justify-content:center;width:38px}.stat-gold .stat-icon{background:#ffd7001f;color:var(--gold)}.stat-blue .stat-icon{background:#45b7d11f;color:#45b7d1}.stat-green .stat-icon{background:#96ceb41f;color:#96ceb4}.stat-orange .stat-icon{background:#f18d011f;color:var(--accent-color)}.stat-purple .stat-icon{background:#bb8fce1f;color:#bb8fce}.stat-red .stat-icon{background:#ff6b6b1f;color:#ff6b6b}.stat-info{align-items:center;display:flex;flex-direction:column;gap:.125rem}.stat-value{color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);font-size:.65rem;letter-spacing:.03em;text-transform:uppercase}.stat-subtext{color:var(--text-muted);font-size:.6rem;opacity:.7}.chart-section{background:#00000040;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;padding:1.25rem}.chart-section,.charts-row{box-sizing:border-box;margin-bottom:1rem}.charts-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;width:100%}@media (min-width:640px){.charts-row{grid-template-columns:1fr 1fr}.charts-row .chart-section{margin-bottom:0}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.section-label{color:var(--accent-color);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.section-header .section-label{margin-bottom:0}.chart-wrapper{max-width:100%;min-height:200px;overflow:hidden;width:100%}.pie-wrapper{align-items:center;display:flex;flex-direction:column}.pie-legend{display:flex;flex-wrap:wrap;gap:.375rem .75rem;justify-content:center;margin-top:.75rem}.pie-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;gap:.3rem}.pie-legend-color{border-radius:50%;height:8px;width:8px}.pie-legend-name{max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exercise-select{-webkit-appearance:none;appearance:none;background:#ffffff0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ffffff1f;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;max-width:220px;padding:.5rem 2.25rem .5rem .875rem;transition:all var(--timing-hover) ease}.exercise-select:focus,.exercise-select:hover{border-color:var(--accent-color);outline:none}.exercise-select option{background:#1a1a1a;color:#fff}.exercise-table-section{background:#00000040;border:1px solid #ffffff0d;border-radius:12px;padding:1.25rem}.exercise-table-section .section-label{margin-bottom:1rem}.exercise-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.exercise-table{border-collapse:collapse;font-size:.85rem;width:100%}.exercise-table td,.exercise-table th{border-bottom:1px solid #ffffff0d;padding:.625rem .875rem;text-align:left}.exercise-table th{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.exercise-table td{color:var(--text-primary)}.exercise-table tbody tr{transition:background var(--timing-hover) ease}.exercise-table tbody tr:hover{background:#ffffff08}.percent-bar-container{align-items:center;display:flex;gap:.5rem}.percent-bar{background:linear-gradient(90deg,var(--accent-color),#e67e00);border-radius:3px;height:6px;max-width:100px;min-width:4px}.percent-bar-container span{color:var(--text-muted);font-size:.75rem;min-width:42px}.custom-tooltip{background:#000000eb;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 4px 16px #0006;padding:.625rem .875rem}.custom-tooltip .tooltip-label{color:var(--text-muted);font-size:.7rem;margin:0 0 .25rem}.custom-tooltip .tooltip-value{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.custom-tooltip .tooltip-subtitle{color:var(--text-muted);font-size:.7rem;margin:.25rem 0 0}@media (max-width:640px){.modal-overlay{padding:.75rem;top:52px}.modal-panel{border-radius:12px}.modal-top-bar{padding:.875rem 1rem}.modal-title{font-size:1.1rem}.modal-subtitle{font-size:.75rem}.modal-close{font-size:1rem;height:36px;width:36px}.modal-content{padding:1rem 1rem 2rem}.stats-grid{gap:.5rem}.stat-card{padding:.75rem .5rem}.stat-icon{font-size:.9rem;height:32px;width:32px}.stat-value{font-size:1rem}.chart-section{padding:1rem}.chart-wrapper{min-height:180px}.section-label{font-size:.7rem}.exercise-table td,.exercise-table th{font-size:.8rem;padding:.5rem .625rem}.percent-bar{max-width:60px}}@media (max-width:380px){.stat-value{font-size:.9rem}.stat-label{font-size:.6rem}}@supports (padding-bottom:env(safe-area-inset-bottom)){.modal-content{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.leaderboard{background:radial-gradient(circle at top,#111,#000);color:#fff;min-height:100vh;padding:6rem 1rem;text-align:center}.leaderboard .section-title{animation:fadeInDown var(--timing-entrance) var(--ease-out) forwards;color:var(--accent-color);font-size:1.5rem;letter-spacing:.1em;margin-bottom:var(--space-lg)}.leaderboard-controls{animation:fadeInUp var(--timing-entrance) var(--ease-out) forwards;animation-delay:.1s;animation-fill-mode:forwards;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg);opacity:0}.control-group{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left}.control-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.date-select,.search-input{-webkit-appearance:none;appearance:none;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:var(--text-primary);font-size:.95rem;min-width:160px;padding:.75rem 1rem;transition:border-color var(--timing-hover) ease,background var(--timing-hover) ease}.date-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.date-select:hover,.search-input:hover{border-color:#f18d0180}.date-select:focus,.search-input:focus{background:#ffffff14;border-color:var(--accent-color);outline:none}.date-select option{background:#1a1a1a;color:#fff}.search-input::placeholder,.table-hint{color:var(--text-muted)}.table-hint{animation:fadeIn var(--timing-entrance) var(--ease-out) .15s forwards;font-size:.8rem;margin-bottom:.75rem;opacity:0}.leaderboard .table{-webkit-overflow-scrolling:touch;animation:fadeInUp var(--timing-entrance) var(--ease-out) forwards;animation-delay:.2s;animation-fill-mode:forwards;opacity:0;overflow-x:auto}.loading-state{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:8px;height:48px}.loading-shimmer:nth-child(2){animation-delay:.1s}.loading-shimmer:nth-child(3){animation-delay:.2s}.leaderboard table{background:#00000080;border:1px solid var(--accent-color);border-collapse:collapse;border-radius:8px;margin:0 auto;min-width:100%;overflow:hidden;width:-webkit-max-content;width:max-content}.leaderboard td,.leaderboard th{border-bottom:1px solid #ffffff14;padding:.75rem;text-align:center;vertical-align:middle}.leaderboard thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.leaderboard thead th{background:#0d0d0d;border-bottom:1px solid #f18d014d;color:var(--accent-color);font-weight:600}.row-animate{animation:rowSlideIn var(--timing-entrance) var(--ease-out) forwards;opacity:0}@keyframes rowSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.leaderboard tbody tr{background:#0000;transition:background var(--timing-hover) ease}.leaderboard tbody tr:nth-child(2n){background:#ffffff05}.leaderboard tbody tr{cursor:pointer}.leaderboard tbody tr:hover{background:#eeb36014}.leaderboard tbody tr.row-highlighted{background:#f18d0126;box-shadow:inset 0 0 0 1px #f18d014d}.leaderboard tbody tr.row-highlighted td{color:var(--text-primary)}.leaderboard tbody tr.medal-gold{background:#ffd7000f}.leaderboard tbody tr.medal-gold:hover{background:#ffd7001f}.leaderboard tbody tr.medal-silver{background:#c0c0c00a}.leaderboard tbody tr.medal-silver:hover{background:#c0c0c014}.leaderboard tbody tr.medal-bronze{background:#cd7f320d}.leaderboard tbody tr.medal-bronze:hover{background:#cd7f321a}.leaderboard tbody tr.medal-gold td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.leaderboard tbody tr.medal-silver td:first-child{box-shadow:inset 3px 0 0 var(--silver)}.leaderboard tbody tr.medal-bronze td:first-child{box-shadow:inset 3px 0 0 var(--bronze)}.rank-cell{align-items:center;display:flex;gap:4px;justify-content:center}.medal-icon{font-size:1.1rem}.medal-gold .rank-number{color:var(--gold);font-weight:700}.medal-silver .rank-number{color:var(--silver);font-weight:700}.medal-bronze .rank-number{color:var(--bronze);font-weight:700}.name-cell{font-weight:500;text-align:left}.medal-gold .name-cell{color:var(--gold)}.medal-silver .name-cell{color:var(--silver)}.medal-bronze .name-cell{color:var(--bronze)}.streak-badge{align-items:center;background:linear-gradient(135deg,#ffc10733,#ff980033);border:1px solid #ffc10766;border-radius:12px;color:#ffc107;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;margin-left:.5rem;padding:.15rem .5rem;vertical-align:middle;white-space:nowrap}.streak-icon{color:#ffc107;font-size:.65rem}.streak-count,.total-cell{font-weight:700}.total-badge{background:#f18d0133;border-radius:12px;color:var(--accent-color);display:inline-block;font-size:.9rem;padding:.25rem .6rem}.medal-gold .total-badge{background:#ffd70040;color:var(--gold)}.medal-silver .total-badge{background:#c0c0c033;color:var(--silver)}.medal-bronze .total-badge{background:#cd7f3233;color:var(--bronze)}.leaderboard td:first-child,.leaderboard th:first-child{min-width:64px;width:64px}.leaderboard td:nth-child(2),.leaderboard th:nth-child(2){border-right:1px solid #ffffff0f;min-width:180px;text-align:left;width:180px}.leaderboard .total-col,.leaderboard td:last-child{border-left:1px solid #ffffff0f;min-width:90px;width:90px}.leaderboard th.exercise-col{height:110px;min-width:48px;padding:0;position:relative;vertical-align:middle;width:48px}.leaderboard th.exercise-col .vlabel{display:block;font-size:.75rem;left:50%;letter-spacing:.02em;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(-55deg);transform-origin:center center;white-space:nowrap}.empty-state{color:var(--text-muted);font-size:1.1rem;padding:var(--space-xl)}@media (max-width:768px){.leaderboard-controls{align-items:stretch;flex-direction:column}.control-group{margin:0 auto;max-width:300px;width:100%}.date-select,.search-input{width:100%}.leaderboard th.exercise-col{height:95px;min-width:40px;width:40px}.leaderboard th.exercise-col .vlabel{font-size:.7rem}.leaderboard td:first-child,.leaderboard th:first-child{min-width:52px;width:52px}.leaderboard td:nth-child(2),.leaderboard th:nth-child(2){min-width:140px;width:140px}.leaderboard .total-col,.leaderboard td:last-child{min-width:72px;width:72px}.leaderboard td{padding:.5rem}.medal-icon{font-size:.9rem}}@supports (-webkit-touch-callout:none){.leaderboard th.exercise-col .vlabel{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}}:root{--join-radius:16px}.join{background:radial-gradient(1200px 600px at 50% 0,#eeb3600f,#0000 60%),radial-gradient(circle at bottom,#0b0b0b,#000);color:#fff;display:grid;min-height:100vh;padding:6rem 1rem 4rem;place-items:start center;position:relative;text-align:center}.join-bg,.join-overlay{height:100%;inset:0;position:absolute;width:100%}.join-bg{filter:saturate(.9) contrast(1.05) brightness(.85);object-fit:cover;pointer-events:none;z-index:-2}.join-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#0000004d 0,#0000006b 60%,#00000094);pointer-events:none;z-index:-1}@media (max-width:768px){.join-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#00000038 0,#00000057 60%,#00000080)}}.join-inner{max-width:860px;width:100%}.join-title{animation:fadeInDown var(--timing-entrance) var(--ease-out) forwards;color:var(--accent-color);font-size:1.5rem;letter-spacing:.08em;margin-bottom:.75rem;opacity:0;text-transform:uppercase}.join-text{animation:fadeInUp var(--timing-entrance) var(--ease-out) .1s forwards;color:var(--text-secondary);font-size:1.1rem;margin:0 auto 2rem;max-width:640px;opacity:0}.join-card{animation:cardEnter var(--timing-entrance) var(--ease-out) .2s forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid var(--accent-color);border-radius:16px;border-radius:var(--join-radius);box-shadow:0 10px 40px #0006;margin:0 auto;max-width:720px;opacity:0;padding:2rem}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.steps-container{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}@media (min-width:640px){.steps-container{flex-direction:row;gap:1.5rem}}.step{align-items:center;animation:stepSlideIn var(--timing-entrance) var(--ease-out) forwards;display:flex;flex:1 1;flex-direction:column;gap:.75rem;opacity:0;text-align:center}@keyframes stepSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-indicator{align-items:center;background:linear-gradient(135deg,var(--accent-color),#e67e00);border-radius:50%;box-shadow:0 4px 16px #f18d014d;display:flex;height:48px;justify-content:center;position:relative;transition:transform var(--timing-hover) var(--ease-bounce);width:48px}.step-indicator:before{animation:stepRingPulse 2s ease-in-out infinite;animation-delay:inherit;border:2px solid #f18d014d;border-radius:50%;content:"";inset:-3px;position:absolute}@keyframes stepRingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.step:hover .step-indicator{transform:scale(1.1)}.step-number{color:#000;font-size:1.25rem;font-weight:700}.step-content{display:flex;flex-direction:column;gap:.25rem}.step-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.step-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.join-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.join-btn{-webkit-appearance:none;appearance:none;background:var(--accent-color);border:2px solid var(--accent-color);border-radius:999px;color:#000;font-weight:700;padding:.9rem 1.5rem;text-decoration:none;transition:transform var(--timing-hover) var(--ease-bounce),box-shadow var(--timing-hover) ease,opacity var(--timing-hover) ease}.join-btn:hover{box-shadow:0 6px 20px #f18d014d;opacity:.95;transform:translateY(-3px)}.join-btn:active{transform:translateY(0) scale(.98)}.join-btn.outline{background:#0000;border-color:var(--accent-color);color:var(--accent-color)}.join-btn.outline:hover{background:#f18d011a;box-shadow:0 6px 20px #f18d0126}.join-link{color:var(--text-secondary);margin-left:.25rem;text-decoration:underline;text-underline-offset:3px;transition:color var(--timing-hover) ease}.join-link:hover{color:var(--accent-color)}.hint{color:var(--text-muted);font-size:.9rem;margin-top:1.5rem}.hint code{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;font-family:SF Mono,Monaco,monospace;padding:.2rem .5rem}@media (max-width:640px){.join{padding-top:5rem}.join-card{padding:1.5rem}.join-actions{gap:.5rem}.join-btn{text-align:center;width:100%}.step-indicator{height:42px;width:42px}.step-number{font-size:1.1rem}}.fireblood-page{background:linear-gradient(180deg,#0a0505,#0d0808 50%,#000);color:#fff;min-height:100vh;overflow:hidden;padding:6rem 1rem 4rem;position:relative}.fireblood-bg-glow{background:radial-gradient(ellipse at center top,#dc26261f 0,#991b1b0d 30%,#0000 70%);height:600px;left:50%;max-width:1200px;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:0}.fireblood-inner{margin:0 auto;max-width:1100px;position:relative;z-index:1}.fireblood-hero{margin-bottom:4rem;text-align:center}.fireblood-logo-icon{align-items:center;animation:heroLogoGlow 3s ease-in-out infinite,fadeInDown .6s ease forwards;display:inline-flex;justify-content:center;margin-bottom:1.5rem;opacity:0}.fireblood-logo-img{height:auto;width:140px}@keyframes heroLogoGlow{0%,to{filter:drop-shadow(0 0 10px rgba(220,38,38,.4))}50%{filter:drop-shadow(0 0 20px rgba(220,38,38,.7)) drop-shadow(0 0 40px rgba(220,38,38,.3))}}.fireblood-title{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease .1s forwards;background:linear-gradient(135deg,#dc2626,#ef4444 50%,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:.05em;margin:0 0 .75rem;opacity:0}.fireblood-subtitle{animation:fadeInUp .6s ease .2s forwards;color:var(--text-secondary);font-size:1.25rem;margin:0 0 1rem;opacity:0}.fireblood-description{animation:fadeInUp .6s ease .3s forwards;color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0 auto;max-width:600px;opacity:0}.fireblood-section{margin-bottom:4rem}.fireblood-section-title{color:#dc2626;font-size:1rem;font-weight:600;letter-spacing:.15em;margin-bottom:2rem;text-align:center;text-transform:uppercase}.benefits-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width:640px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{animation:cardSlideUp .5s ease forwards;background:#ffffff05;border:1px solid #dc262626;border-radius:16px;opacity:0;padding:1.5rem;transition:all .3s ease}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.benefit-card:hover{background:#dc26260d;border-color:#dc26264d;box-shadow:0 8px 32px #dc26261a;transform:translateY(-4px)}.benefit-icon{align-items:center;background:#dc26261f;border-radius:12px;color:#dc2626;display:inline-flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.benefit-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.benefit-description{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0 0 1rem}.benefit-ingredients{display:flex;flex-wrap:wrap;gap:.4rem}.ingredient-tag{background:#dc26261a;border:1px solid #dc262633;border-radius:4px;color:#dc2626e6;font-size:.7rem;padding:.25rem .5rem}.ingredients-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.ingredients-columns{grid-template-columns:repeat(2,1fr)}}.ingredients-column{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.column-title{border-bottom:1px solid #ffffff14;color:var(--text-primary);font-size:1rem;font-weight:600;gap:.75rem;margin:0 0 1.25rem;padding-bottom:.75rem}.column-icon,.column-title{align-items:center;display:flex}.column-icon{border-radius:6px;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.column-icon.vitamins{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.column-icon.minerals{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#000}.ingredients-list{gap:.875rem}.ingredient-row,.ingredients-list{display:flex;flex-direction:column}.ingredient-row{gap:.2rem}.ingredient-header{align-items:baseline;display:flex;gap:.5rem}.ingredient-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.ingredient-amount{color:#dc2626;font-size:.8rem;font-weight:500}.ingredient-benefit{color:var(--text-muted);font-size:.8rem}.amino-section{margin-bottom:3rem}.amino-card{background:linear-gradient(135deg,#dc262614,#991b1b0d);border:1px solid #dc262633;border-radius:16px;padding:2rem;text-align:center}.amino-title{color:#dc2626;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.amino-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 auto;max-width:600px}.fireblood-cta{margin-top:2rem}.cta-card{background:linear-gradient(135deg,#dc262614,#991b1b0a);border:2px solid #dc26264d;border-radius:20px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.cta-card:before{animation:ctaGlowRotate 10s linear infinite;background:radial-gradient(circle at center,#dc262614 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes ctaGlowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta-logo{animation:heroLogoGlow 2s ease-in-out infinite;height:auto;margin-bottom:1rem;width:120px}.cta-logo,.cta-title{position:relative;z-index:1}.cta-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.cta-text{color:var(--text-secondary);font-size:1rem;margin:0 0 1.5rem}.cta-button,.cta-text{position:relative;z-index:1}.cta-button{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:50px;box-shadow:0 4px 20px #dc26264d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.6rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 30px #dc262680;transform:translateY(-3px) scale(1.02)}.cta-btn-icon{font-size:1rem}.cta-btn-external{font-size:.75rem;opacity:.7}.cta-hint{color:var(--text-muted);display:block;font-size:.8rem;margin-top:1rem;position:relative;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.fireblood-page{padding-top:5rem}.fireblood-flame-icon{font-size:2rem;height:64px;width:64px}.fireblood-title{font-size:2.25rem}.fireblood-subtitle{font-size:1.1rem}.cta-card{padding:2rem 1.5rem}.cta-title{font-size:1.25rem}.cta-button{justify-content:center;width:100%}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:1rem}.admin-login-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:400px;padding:2.5rem;width:100%}.admin-login-header{margin-bottom:2rem;text-align:center}.admin-login-icon{color:var(--accent-color);font-size:3rem;margin-bottom:1rem}.admin-login-header h1{color:var(--text-primary);font-size:1.75rem;margin:0 0 .5rem}.admin-login-header p{color:var(--text-muted);font-size:.9rem;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:1rem}.admin-input-group{position:relative}.admin-input-icon{color:var(--text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.admin-input-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem .875rem 2.75rem;transition:border-color .2s ease;width:100%}.admin-input-group input:focus{border-color:var(--accent-color);outline:none}.admin-login-btn{background:var(--accent-color);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:opacity .2s ease,transform .2s ease}.admin-login-btn:hover{opacity:.9}.admin-login-btn:active{transform:scale(.98)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.6}.admin-page{background:linear-gradient(135deg,#0a0a0a,#111);min-height:100vh}.admin-header{align-items:center;background:#00000080;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.admin-header-left{align-items:center;display:flex;gap:.75rem}.admin-logo{color:var(--accent-color);font-size:1.75rem}.admin-header h1{color:var(--text-primary);font-size:1.25rem;margin:0}.admin-header-right{align-items:center;display:flex;gap:1rem}.admin-user{font-size:.9rem}.admin-logout-btn,.admin-user{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.admin-logout-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.admin-logout-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.admin-back-btn{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .2s ease}.admin-back-btn:hover{color:var(--accent-color)}.admin-content{margin:0 auto;max-width:1200px;padding:2rem}.admin-content h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 1.5rem}.admin-content h3{color:var(--text-secondary);font-size:1rem;letter-spacing:.05em;margin:2rem 0 1rem;text-transform:uppercase}.admin-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.admin-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f}.admin-stat-icon{color:var(--accent-color);font-size:1.5rem}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.admin-stat-label{color:var(--text-muted);font-size:.8rem}.admin-nav-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-nav-card{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:var(--text-primary);display:flex;flex-direction:column;font-weight:500;gap:.75rem;padding:1.5rem;text-decoration:none;transition:all .2s ease}.admin-nav-card:hover{background:#f18d011a;border-color:#f18d014d;transform:translateY(-2px)}.admin-nav-card svg{color:var(--accent-color);font-size:1.5rem}.admin-back-link{border-top:1px solid #ffffff14;margin-top:2rem;padding-top:1rem}.admin-back-link a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s ease}.admin-back-link a:hover{color:var(--accent-color)}.admin-toolbar{display:flex;gap:1rem;margin-bottom:1rem}.admin-add-btn{align-items:center;background:var(--accent-color);border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:opacity .2s ease}.admin-add-btn:hover{opacity:.9}.admin-filter-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.admin-filter-btn:hover{background:#ffffff14;border-color:#fff3}.admin-filter-btn.active{background:#f18d0126;border-color:var(--accent-color);color:var(--accent-color)}.admin-clear-filter-btn{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:6px;color:#ff6b6b;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.admin-clear-filter-btn:hover{background:#ff6b6b33;border-color:#ff6b6b66}.admin-filters{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem}.admin-filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:180px}.admin-filter-group label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.admin-filter-group input,.admin-filter-group select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.625rem .875rem}.admin-filter-group input:focus,.admin-filter-group select:focus{border-color:var(--accent-color);outline:none}.admin-add-form{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem}.admin-add-form input,.admin-add-form select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.625rem .875rem}.admin-add-form input:focus,.admin-add-form select:focus{border-color:var(--accent-color);outline:none}.admin-table{background:#ffffff05;border:1px solid #ffffff14;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #ffffff0f;padding:.875rem 1rem;text-align:left}.admin-table th{background:#0000004d;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-table td{color:var(--text-primary);font-size:.9rem}.admin-table tbody tr:hover{background:#ffffff08}.admin-table input,.admin-table select{background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;color:var(--text-primary);font-size:.9rem;padding:.5rem}.admin-table input:focus,.admin-table select:focus{border-color:var(--accent-color);outline:none}.admin-actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-cancel-btn,.admin-delete-btn,.admin-edit-btn,.admin-save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.admin-edit-btn{background:#45b7d126;color:#45b7d1}.admin-edit-btn:hover{background:#45b7d140}.admin-delete-btn{background:#ff6b6b26;color:#ff6b6b}.admin-delete-btn:hover{background:#ff6b6b40}.admin-save-btn{background:#96ceb426;color:#96ceb4}.admin-save-btn:hover{background:#96ceb440}.admin-cancel-btn{background:#ffffff0d;color:var(--text-muted)}.admin-cancel-btn:hover{background:#ffffff1a}.admin-password-input{width:150px}.admin-password-mask{color:var(--text-muted);font-size:.85rem;letter-spacing:2px}.admin-password-notset{color:var(--text-muted);font-size:.8rem;font-style:italic;opacity:.7}.admin-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.admin-checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.fireblood-icon{color:#dc2626}.admin-fireblood-btn{align-items:center;background:#dc26261a;border:1px solid #dc262633;border-radius:4px;color:#dc262666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.admin-fireblood-btn:hover{background:#dc262633;color:#dc262699}.admin-fireblood-btn.active{animation:fireblood-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#dc26264d,#ef444440);border-color:#dc2626;color:#dc2626}@keyframes fireblood-glow{0%,to{box-shadow:0 0 5px #dc26264d}50%{box-shadow:0 0 15px #dc262680,0 0 25px #ef44444d}}.admin-role-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .625rem;text-transform:uppercase}.admin-role-admin{background:#f18d0133;color:var(--accent-color)}.admin-role-member{background:#45b7d133;color:#45b7d1}.admin-error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b;font-size:.9rem;margin-bottom:1rem;padding:.875rem 1rem}.admin-loading{align-items:center;color:var(--text-muted);display:flex;justify-content:center;min-height:300px}.admin-empty{color:var(--text-muted);padding:3rem;text-align:center}.admin-count{color:var(--text-muted);font-size:.9rem;margin-left:auto}.admin-count,.admin-pagination{align-items:center;display:flex}.admin-pagination{border-top:1px solid #ffffff14;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.admin-page-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.admin-page-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color)}.admin-page-btn:disabled{cursor:not-allowed;opacity:.4}.admin-page-info{color:var(--text-muted);font-size:.9rem}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header-right{justify-content:center;width:100%}.admin-content{padding:1rem}.admin-table{font-size:.85rem}.admin-table td,.admin-table th{padding:.625rem .5rem}.admin-add-form{flex-direction:column}.admin-add-form input,.admin-add-form select{width:100%}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{animation:pageEnter .4s var(--ease-out) forwards;flex:1 1}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5bb7839c.css.map*/