@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Calistoga&family=Bebas+Neue:wght@400&family=JetBrains+Mono:wght@400;500&family=Crimson+Text:ital,wht@0,400;0,600;1,400&display=swap";@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,700,600,500,300&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;letter-spacing:-.01em;color:#1a1a2e}body.dark-mode{color:#e8e8e8;background:linear-gradient(135deg,#0f0f23,#1a1a2e)}#root{overflow-x:hidden;width:100%;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:Calistoga,serif;font-weight:400;letter-spacing:-.02em;line-height:1.2;color:#1a1a2e}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#fff}.display-text{font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase;line-height:.9;font-size:clamp(2.5rem,8vw,5rem)}.hero-title{font-family:Calistoga,serif;font-weight:400;font-size:clamp(2.8rem,6vw,4.2rem);letter-spacing:-.03em;line-height:1.05;text-shadow:0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.1)}.body-text{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7;letter-spacing:-.01em}.accent-text{font-family:Crimson Text,serif;font-style:italic;font-weight:400;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6}code,pre{font-family:JetBrains Mono,monospace;font-weight:400}.clash-display{font-family:Clash Display,sans-serif;font-weight:500;letter-spacing:-.03em;line-height:1.1}:root{--championship-primary: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #1e40af 100%);--championship-secondary: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--championship-accent: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #6d28d9 100%);--victory-primary: linear-gradient(135deg, #059669 0%, #10b981 50%, #047857 100%);--victory-secondary: linear-gradient(135deg, #ec4899 0%, #f97316 50%, #dc2626 100%);--victory-accent: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #0e7490 100%);--stadium-primary: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%);--stadium-secondary: linear-gradient(135deg, #7c2d12 0%, #ea580c 50%, #9a3412 100%);--stadium-accent: linear-gradient(135deg, #be123c 0%, #dc2626 50%, #991b1b 100%);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--dark-glass-bg: rgba(255, 255, 255, .08);--dark-glass-border: rgba(255, 255, 255, .15);--dark-glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--brand-accent: #0ea5e9;--accent-underline: var(--brand-accent);--header-underline-width: 84px}.header-underline{position:relative;display:inline-block}.header-underline:after{content:"";position:absolute;left:0;bottom:-6px;height:3px;width:var(--header-underline-width);background:var(--accent-underline);border-radius:2px;transform-origin:left center;transform:scaleX(0);animation:barGrow .5s .2s ease-out both}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page-reveal{animation:pageReveal .52s ease-out both}@keyframes pageReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.glass-card{padding:24px;border-radius:20px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #1f268780}.dark-mode .glass-card{background:var(--dark-glass-bg);border:1px solid var(--dark-glass-border);box-shadow:var(--dark-glass-shadow)}button,.MuiButton-root{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}button:before,.MuiButton-root:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:before,.MuiButton-root:active:before{width:300px;height:300px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-gradient)}.dark-mode ::-webkit-scrollbar-track{background:#ffffff0d}.atmospheric-bg{position:relative;overflow:hidden}.atmospheric-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.05) 0%,transparent 50%);pointer-events:none}.geometric-pattern{position:relative;overflow:hidden}.geometric-pattern:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px);pointer-events:none}@keyframes morph{0%,to{border-radius:50%;transform:rotate(0) scale(1)}25%{border-radius:25% 75% 50% 50%;transform:rotate(90deg) scale(1.1)}50%{border-radius:75% 25% 50% 50%;transform:rotate(180deg) scale(.9)}75%{border-radius:50% 50% 75% 25%;transform:rotate(270deg) scale(1.05)}}.morphing-shape{animation:morph 8s ease-in-out infinite;position:absolute;pointer-events:none}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}to{transform:translateY(0) rotate(360deg);opacity:.7}}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fffc,#fff3);border-radius:50%;animation:particleFloat 4s ease-in-out infinite}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-reveal{opacity:0;transform:translateY(50px) scale(.9);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.revealed{animation:slideInFromBottom .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:gradientShift 8s ease infinite}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stagger-reveal{opacity:0;transform:translateY(30px);animation:staggerReveal .8s ease-out forwards}.stagger-reveal:nth-child(1){animation-delay:.1s}.stagger-reveal:nth-child(2){animation-delay:.2s}.stagger-reveal:nth-child(3){animation-delay:.3s}.stagger-reveal:nth-child(4){animation-delay:.4s}.stagger-reveal:nth-child(5){animation-delay:.5s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes staggerReveal{to{opacity:1;transform:translateY(0)}}button:focus-visible,.MuiButton-root:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px;box-shadow:0 0 0 4px #667eea33}.page-transition{transition:opacity .3s ease,transform .3s ease}.page-enter{opacity:0;transform:translate(20px)}.page-enter-active,.page-exit{opacity:1;transform:translate(0)}.page-exit-active{opacity:0;transform:translate(-20px)}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100vw}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,input,select,textarea{min-height:44px;min-width:44px}*{-webkit-tap-highlight-color:transparent}body{overflow-x:hidden;-webkit-overflow-scrolling:touch;width:100%;max-width:100vw}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important}}@media (max-width: 600px){button{padding:12px 20px!important;font-size:.9rem!important}}input,textarea,select{font-size:16px!important}@media (max-width: 768px){.modal,.dialog{margin:1rem;max-height:90vh;overflow-y:auto}}body,html{max-width:100vw;overflow-x:hidden}img{max-width:100%;height:auto}@media (max-width: 768px){.controls{flex-direction:column!important;gap:.75rem!important;width:100%!important}.controls button{width:100%!important}}@media (max-width: 600px){body{font-size:14px;line-height:1.5}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width: 768px){.header{padding:1rem!important;flex-direction:column;gap:1rem}.user-info{width:100%;justify-content:center}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.app{touch-action:manipulation}@media (max-width: 768px){.main-content{padding:1rem!important}}