*{margin:0;padding:0;box-sizing:border-box}html{cursor:none;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;overflow-x:hidden}.home-section{height:100vh;position:relative}@media (min-width:768px){.home-section{will-change:transform;transition:transform .1s ease-out}}.positions-page{will-change:transform}body.page-transitioning{overflow:hidden}body.page-transitioning *{pointer-events:none}body.page-transitioning:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(0,0,0,.98));backdrop-filter:blur(25px) saturate(1.2);-webkit-backdrop-filter:blur(25px) saturate(1.2);z-index:9999;opacity:1;animation:fadeInTransitionFast .4s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInTransitionFast{0%{opacity:1;backdrop-filter:blur(15px);background:rgba(0,0,0,.9)}to{opacity:1;backdrop-filter:blur(25px) saturate(1.2);background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(0,0,0,.98))}}body:not(.page-transitioning):before{display:none}.analysis-container,.analysis-header{opacity:0;transform:translateY(40px);filter:blur(4px)}.about-container,.contact-container,.methodology-container{opacity:0;transform:translateX(60px);filter:blur(8px)}body.analysis-page-loaded .analysis-container,body.analysis-page-loaded .analysis-header{animation:slideUpFromBottom .8s cubic-bezier(.25,.46,.45,.94) forwards}body.analysis-page-loaded .analysis-header{animation-delay:.3s}body.analysis-page-loaded .analysis-container{animation-delay:.4s}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(40px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.cursor{width:20px;height:20px;border:1px solid rgba(255,255,255,.5);border-radius:50%;position:fixed;pointer-events:none;transition:all .05s ease;z-index:9999;mix-blend-mode:difference}.cursor.hover{transform:scale(2.5);background:rgba(255,255,255,.05)}.stadium-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background:url(/images/stadium.png) no-repeat 50%;background-size:cover;filter:grayscale(70%) brightness(1) contrast(1.1);opacity:.6}.grain{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-1;opacity:.03;pointer-events:none;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"><filter id="noiseFilter"><feTurbulence type="turbulence" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="300" height="300" filter="url(%23noiseFilter)" opacity="1"/></svg>');animation:grain .5s steps(10) infinite}nav{font-size:.8rem;margin-right:-6rem}nav,nav button{letter-spacing:.1em}nav button{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease;background:none;border:none;cursor:pointer;font-size:.9rem;padding:0;font-family:inherit;position:relative;font-weight:700}nav button:hover{color:#fff}nav button:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}nav button:hover:after{width:100%}.container{height:100vh;display:flex;align-items:flex-start;position:relative;padding:0 8vw 8vh}.content{max-width:1600px;width:100%;margin-left:3rem;margin-right:auto;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center;margin-top:clamp(12vh,12vh + 12vw,28vh)}.text-side{position:relative}@keyframes fadeIn{to{opacity:1}}.main-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.02em;margin-bottom:3rem;margin-top:0;opacity:0;animation:slideUp 1s ease .2s forwards}.main-title .line{display:block;position:relative;transition:all .3s ease}.main-title .accent{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3);transition:all .3s ease}.main-title:hover .accent{color:#fff;-webkit-text-stroke:1px transparent}.main-title:hover .line:not(.accent){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3)}.description{font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,.85);font-weight:300;max-width:450px;margin-bottom:6rem;opacity:0;animation:slideUp 1s ease .4s forwards}.visual-side{position:relative;height:500px;opacity:0;animation:fadeIn 1.5s ease .8s forwards}.data-card{position:absolute;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.5rem;transition:all .4s ease;cursor:pointer}.data-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);transform:translateY(-5px)}.data-card.card-1{top:10%;left:20%;width:180px;border-color:rgba(22,136,204,.2);animation:float 6s ease-in-out infinite}.data-card.card-1:hover{border-color:rgba(22,136,204,.5)}.data-card.card-2{top:33%;right:15%;width:200px;border-color:rgba(220,39,61,.2);animation:float 6s ease-in-out 1s infinite}.data-card.card-2:hover{border-color:rgba(220,39,61,.5)}.data-card.card-3{bottom:32%;left:25%;width:160px;border-color:rgba(175,161,95,.2);animation:float 6s ease-in-out 2s infinite}.data-card.card-3:hover{border-color:rgba(175,161,95,.5)}.data-card.card-4{top:5%;right:20%;width:190px;border-color:rgba(190,47,122,.2);animation:float 6s ease-in-out 3s infinite}.data-card.card-4:hover{border-color:rgba(190,47,122,.5)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-label{font-size:.75rem;color:rgba(255,255,255,.5);letter-spacing:.1em;margin-bottom:.5rem}.card-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.card-player{font-size:.9rem;color:rgba(255,255,255,.7)}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0);background-size:50px 50px}.nav-wrapper{position:fixed!important;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent);backdrop-filter:blur(10px);padding:5rem 3rem 2rem!important;transition:opacity .5s ease,transform .5s ease}.nav-wrapper.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.logo{font-size:2rem;font-weight:900;letter-spacing:.3em;color:#fff;position:relative;padding:.7rem 1rem;border:none;border-radius:0}.logo:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:1px solid rgba(255,255,255,.4);border-radius:0;animation:outline-pulse 3s ease-in-out infinite}.corner-br,.logo-container:after,.logo-container:before,.logo:after{position:absolute;width:22px;height:22px;border:4px solid #fff;border-radius:0}.logo:after{left:-11px;border-right:none}.logo-container:before,.logo:after{content:"";top:-11px;border-bottom:none}.logo-container:before{right:-11px;border-left:none}.logo-container:after{content:"";bottom:-11px;left:-11px;border-right:none;border-top:none}.corner-br{bottom:-11px;right:-11px;border-left:none;border-top:none}.logo-container{position:relative;flex-shrink:0}@keyframes outline-pulse{0%,to{top:-12px;left:-12px;right:-12px;bottom:-12px;border-color:rgba(255,255,255,.4)}50%{top:-7px;left:-7px;right:-7px;bottom:-7px;border-color:rgba(255,255,255,.8)}}nav{display:flex;gap:3rem}nav a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.9rem;font-weight:700;letter-spacing:.1em;transition:color .3s ease;padding:.5rem 0;position:relative}nav a:hover{color:#fff}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}nav a:hover:after{width:100%}.scroll-prompt{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease}.scroll-prompt:hover{transform:translateX(-50%) translateY(-5px)}.scroll-text{font-size:.75rem;letter-spacing:.2em;color:rgba(255,255,255,.4);transition:color .3s ease}.scroll-prompt:hover .scroll-text{color:rgba(255,255,255,.7)}.scroll-indicator{width:30px;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.scroll-indicator:before{content:"";position:absolute;width:4px;height:4px;background:rgba(255,255,255,.6);border-radius:50%;top:8px;left:50%;transform:translateX(-50%);animation:scrollDot 2s ease-in-out infinite}@keyframes scrollDot{0%{opacity:0;top:8px}20%{opacity:1}80%{opacity:1}to{opacity:0;top:32px}}.scroll-indicator svg{width:14px;height:14px;position:absolute;bottom:8px;animation:none}.version{position:fixed;bottom:3rem;left:3rem;font-size:.75rem;color:rgba(255,255,255,.3);letter-spacing:.1em}@media (max-width:900px){.logo{font-size:1.6rem;padding:.6rem .8rem}.main-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:2.5rem}.description{font-size:1rem;max-width:400px;margin-bottom:5rem}.content{gap:6rem}}@media (max-width:600px){.logo{font-size:1.4rem;padding:.5rem .7rem;letter-spacing:.2em}.corner-br,.logo-container:after,.logo-container:before,.logo:after{width:18px;height:18px;border:3px solid #fff}.content{grid-template-columns:1fr;gap:4rem;margin-left:0}.container{padding:6vh 4vw 0}.main-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:2rem}.description{font-size:.9rem;max-width:100%;margin-bottom:3rem;line-height:1.6}.nav-wrapper{padding:3rem 2rem 1rem!important}.data-card.card-3,.data-card.card-4{display:none}.data-card.card-1{top:10%;left:10%;width:160px}.data-card.card-2{top:60%;right:10%;width:180px}}.positions-page{height:100vh;position:relative;background:#000;display:flex;flex-direction:column}.positions-header{position:fixed;top:0;width:100%;padding:3rem 4rem;z-index:90;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent);opacity:0;transform:translateY(-20px);transition:all .6s ease}.positions-header.visible{opacity:1;transform:translateY(0)}.section-title{display:flex;gap:.5rem;align-items:baseline;font-size:1.1rem;letter-spacing:.15em;position:relative}.title-text{color:rgba(255,255,255,.9);font-weight:600;font-size:1.2rem;position:relative}.title-accent{color:rgba(255,255,255,.4);font-weight:300;font-size:1.2rem}.section-title:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.053) 50%,transparent);animation:lightSweep 3s ease-in-out infinite}@keyframes lightSweep{0%{left:-100%}to{left:100%}}.positions-container{width:100%;height:100vh;display:flex;position:relative}.position-column{flex:1;position:relative;overflow:hidden;cursor:pointer;transition:flex .6s cubic-bezier(.4,0,.2,1);opacity:0;animation:slideUp .8s ease forwards}.position-column:hover{flex:1.5}.player-bg{top:0;height:120%;background-size:cover;background-position:50%;filter:blur(7px) grayscale(10%) brightness(.4);transform:scale(1.2)}.player-bg,.player-bg:after{position:absolute;left:0;width:100%;transition:all .8s cubic-bezier(.4,0,.2,1)}.player-bg:after{content:"";bottom:0;height:20%;background:inherit;background-position:bottom;filter:blur(20px);transform:scaleY(1.5) translateY(10%);opacity:0;mask-image:linear-gradient(180deg,transparent 0,black 30%,black);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 30%,black)}.position-column:hover .player-bg{filter:blur(0) grayscale(0) brightness(.6);transform:scale(1.05) translateY(-15%)}.position-column:hover .player-bg:after{opacity:1;filter:blur(30px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.5) 70%,rgba(0,0,0,.9));transition:all .5s ease}.position-column:hover .overlay{background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.2) 60%,rgba(0,0,0,.3) 85%,rgba(0,0,0,.4))}.position-content{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;z-index:2;transition:all .6s cubic-bezier(.4,0,.2,1)}.position-column:hover .position-content{justify-content:flex-end;align-items:center}.position-name{font-size:clamp(2rem,2.5vw,3rem);font-weight:900;letter-spacing:-.02em;transition:all .6s cubic-bezier(.4,0,.2,1);transform-origin:center;text-align:center;color:#fff;line-height:1.2;display:flex;align-items:center;justify-content:center;height:4rem;min-height:4rem;max-height:4rem;margin:0;padding:0;position:relative}.position-column:hover .position-name{margin-bottom:.5rem}.position-column.forwards .position-name{-webkit-text-stroke:.5px #1688CC;text-stroke:2px #1688CC}.position-column.midfielders .position-name{-webkit-text-stroke:.5px #DC273D;text-stroke:2px #DC273D}.position-column.defenders .position-name{-webkit-text-stroke:.5px #AFA15F;text-stroke:2px #AFA15F}.position-column.goalkeepers .position-name{-webkit-text-stroke:.5px #BE2F7A;text-stroke:2px #BE2F7A}.position-column:hover .position-name{font-size:clamp(1.5rem,2vw,2rem);transform:scale(1);text-align:center;-webkit-text-stroke:0;text-stroke:0}.position-subtitle{font-size:.8rem;color:rgba(255,255,255,.5);letter-spacing:.1em;margin-bottom:2rem;opacity:0;transform:translateY(10px);transition:all .4s ease .1s;text-align:center}.position-column:hover .position-subtitle{opacity:1;transform:translateY(0);text-align:center}.position-description{max-width:300px;opacity:0;transform:translateY(20px);transition:all .4s ease .2s;text-align:center}.position-column:hover .position-description{opacity:1;transform:translateY(0);text-align:center}.position-stats{display:flex;gap:3rem;opacity:0;transform:translateY(20px);transition:all .4s ease .3s;justify-content:center;margin-top:2rem}.position-column:hover .position-stats{opacity:1;transform:translateY(0)}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem}.stat-value{font-size:1.5rem;font-weight:700;transition:color .3s ease}.stat-label{font-size:.7rem;color:rgba(255,255,255,.5);letter-spacing:.1em}.position-column.forwards:hover .position-name,.position-column.forwards:hover .stat-value{color:#1688CC}.position-column.midfielders:hover .position-name,.position-column.midfielders:hover .stat-value{color:#DC273D}.position-column.defenders:hover .position-name,.position-column.defenders:hover .stat-value{color:#AFA15F}.position-column.goalkeepers:hover .position-name,.position-column.goalkeepers:hover .stat-value{color:#BE2F7A}.position-column:after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.1);transition:opacity .3s ease}.position-column:last-child:after{display:none}.position-column:hover+.position-column:after,.position-column:hover:after{opacity:0}.enter-arrow{position:absolute;bottom:2rem;right:2rem;width:40px;height:40px;opacity:0;transform:translateX(-10px);transition:all .4s ease .4s}.position-column:hover .enter-arrow{opacity:1;transform:translateX(0)}.enter-arrow svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}.position-column:first-child{animation-delay:.1s}.position-column:nth-child(2){animation-delay:.2s}.position-column:nth-child(3){animation-delay:.3s}.position-column:nth-child(4){animation-delay:.4s}:root{--forward-color:#1688CC;--midfielder-color:#DC273D;--defender-color:#AFA15F;--goalkeeper-color:#BE2F7A}.analysis-forward{--position-color:var(--forward-color)}.position-forward .position-title{color:var(--forward-color)}.position-forward .slider-fill,.position-forward .slider-thumb,.position-forward .slider-value{color:var(--forward-color);background-color:var(--forward-color);border-color:var(--forward-color)}.position-forward .mini-stat-value,.position-forward .rank-badge,.position-forward .score-value{color:var(--forward-color);border-color:rgba(22,136,204,.3)}.position-forward .mini-stat-fill{background:linear-gradient(to top,var(--forward-color),rgba(22,136,204,.7))}.position-forward .bench-score{color:var(--forward-color)}.position-forward .radar-chart-small path{fill:rgba(22,136,204,.2);stroke:var(--forward-color)}.position-forward .radar-point{fill:var(--forward-color)}.analysis-midfielder{--position-color:var(--midfielder-color)}.position-midfielder .position-title{color:var(--midfielder-color)}.position-midfielder .slider-fill,.position-midfielder .slider-thumb,.position-midfielder .slider-value{color:var(--midfielder-color);background-color:var(--midfielder-color);border-color:var(--midfielder-color)}.position-midfielder .mini-stat-value,.position-midfielder .rank-badge,.position-midfielder .score-value{color:var(--midfielder-color);border-color:rgba(220,39,61,.3)}.position-midfielder .mini-stat-fill{background:linear-gradient(to top,var(--midfielder-color),rgba(220,39,61,.7))}.position-midfielder .bench-score{color:var(--midfielder-color)}.position-midfielder .radar-chart-small path{fill:rgba(220,39,61,.2);stroke:var(--midfielder-color)}.position-midfielder .radar-point{fill:var(--midfielder-color)}.analysis-defender{--position-color:var(--defender-color)}.position-defender .position-title{color:var(--defender-color)}.position-defender .slider-fill,.position-defender .slider-thumb,.position-defender .slider-value{color:var(--defender-color);background-color:var(--defender-color);border-color:var(--defender-color)}.position-defender .mini-stat-value,.position-defender .rank-badge,.position-defender .score-value{color:var(--defender-color);border-color:rgba(175,161,95,.3)}.position-defender .mini-stat-fill{background:linear-gradient(to top,var(--defender-color),rgba(175,161,95,.7))}.position-defender .bench-score{color:var(--defender-color)}.position-defender .radar-chart-small path{fill:rgba(175,161,95,.2);stroke:var(--defender-color)}.position-defender .radar-point{fill:var(--defender-color)}.analysis-goalkeeper{--position-color:var(--goalkeeper-color)}.position-goalkeeper .position-title{color:var(--goalkeeper-color)}.position-goalkeeper .slider-fill,.position-goalkeeper .slider-thumb,.position-goalkeeper .slider-value{color:var(--goalkeeper-color);background-color:var(--goalkeeper-color);border-color:var(--goalkeeper-color)}.position-goalkeeper .mini-stat-value,.position-goalkeeper .rank-badge,.position-goalkeeper .score-value{color:var(--goalkeeper-color);border-color:rgba(190,47,122,.3)}.position-goalkeeper .mini-stat-fill{background:linear-gradient(to top,var(--goalkeeper-color),rgba(190,47,122,.7))}.position-goalkeeper .bench-score{color:var(--goalkeeper-color)}.position-goalkeeper .radar-chart-small path{fill:rgba(190,47,122,.2);stroke:var(--goalkeeper-color)}.position-goalkeeper .radar-point{fill:var(--goalkeeper-color)}.position-midfielder .pca-point.highlighted{background:var(--midfielder-color);box-shadow:0 0 20px rgba(220,39,61,.6)}.position-defender .pca-point.highlighted{background:var(--defender-color);box-shadow:0 0 20px rgba(175,161,95,.6)}.position-goalkeeper .pca-point.highlighted{background:var(--goalkeeper-color);box-shadow:0 0 20px rgba(190,47,122,.6)}.position-midfielder .algorithm-selector:hover,.position-midfielder .pca-button:hover{border-color:rgba(220,39,61,.3)}.position-defender .algorithm-selector:hover,.position-defender .pca-button:hover{border-color:rgba(175,161,95,.3)}.position-goalkeeper .algorithm-selector:hover,.position-goalkeeper .pca-button:hover{border-color:rgba(190,47,122,.3)}.position-midfielder .player-photo-small:hover{border-color:rgba(220,39,61,.3)}.position-defender .player-photo-small:hover{border-color:rgba(175,161,95,.3)}.position-goalkeeper .player-photo-small:hover{border-color:rgba(190,47,122,.3)}.position-midfielder .bench-player-card:hover{border-color:rgba(220,39,61,.2)}.position-defender .bench-player-card:hover{border-color:rgba(175,161,95,.2)}.position-goalkeeper .bench-player-card:hover{border-color:rgba(190,47,122,.2)}.page-transition-container{position:relative;width:100%;height:100vh;overflow:hidden}.transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.9) 50%,rgba(0,0,0,.95));backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);z-index:9999;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.25,.46,.45,.94);background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 1px,transparent 0),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 1px,transparent 0);background-size:60px 60px;background-position:0 0,30px 30px}.transition-overlay.active{opacity:1;visibility:visible}.page-content{width:100%;height:100%;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.page-content.transitioning-out{opacity:0;transform:scale(.98) translateY(-10px);filter:blur(2px)}.page-content.transitioning-in{opacity:1;transform:scale(1) translateY(0);filter:blur(0);animation:slideUpFadeIn .6s cubic-bezier(.25,.46,.45,.94)}@keyframes slideUpFadeIn{0%{opacity:0;transform:scale(.95) translateY(30px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.page-content[data-position=forwards] .transition-overlay{background:linear-gradient(135deg,rgba(22,136,204,.1),rgba(0,0,0,.9))}.page-content[data-position=midfielders] .transition-overlay{background:linear-gradient(135deg,rgba(220,39,61,.1),rgba(0,0,0,.9))}.page-content[data-position=defenders] .transition-overlay{background:linear-gradient(135deg,rgba(175,161,95,.1),rgba(0,0,0,.9))}.page-content[data-position=goalkeepers] .transition-overlay{background:linear-gradient(135deg,rgba(190,47,122,.1),rgba(0,0,0,.9))}.transition-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"><filter id="noiseFilter"><feTurbulence type="turbulence" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="300" height="300" filter="url(%23noiseFilter)" opacity="1"/></svg>');opacity:.03;animation:grain .5s steps(10) infinite}.transitioning-out,.transitioning-out *{overflow:hidden!important}.transition-overlay~.cursor,.transition-overlay~.grain{z-index:10000}body.nav-page-transitioning:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.95) 50%,rgba(0,0,0,.9));backdrop-filter:blur(25px) saturate(1.3);-webkit-backdrop-filter:blur(25px) saturate(1.3);z-index:9998;opacity:1;animation:horizontalOverlayFade .7s cubic-bezier(.23,1,.32,1);background-image:linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.01) 1px,transparent 0);background-size:40px 40px;background-position:0 0}@keyframes horizontalOverlayFade{0%{opacity:0;backdrop-filter:blur(0);transform:scaleX(0);transform-origin:left center}50%{opacity:1;backdrop-filter:blur(25px) saturate(1.3);transform:scaleX(1)}to{opacity:1;backdrop-filter:blur(25px) saturate(1.3);transform:scaleX(1)}}body.nav-page-transitioning{overflow:hidden}body.nav-page-transitioning *{pointer-events:none}.about-container,.contact-container,.methodology-container,.nav-wrapper{transition:all .8s cubic-bezier(.23,1,.32,1)}body.slide-right .about-container,body.slide-right .contact-container,body.slide-right .methodology-container{transform:translateX(-100px);opacity:0;filter:blur(6px)}body.slide-left .about-container,body.slide-left .contact-container,body.slide-left .methodology-container{transform:translateX(100px);opacity:0;filter:blur(6px)}body.nav-page-loaded .about-container,body.nav-page-loaded .contact-container,body.nav-page-loaded .methodology-container{animation:slideInHorizontal .9s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.4s}body.nav-page-loaded .nav-wrapper{animation:slideInHorizontal .9s cubic-bezier(.23,1,.32,1) forwards;animation-delay:.2s}@keyframes slideInHorizontal{0%{opacity:0;transform:translateX(60px);filter:blur(8px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}body:not(.nav-page-transitioning):before{display:none}.methodology-section-wrapper{height:100vh;color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.methodology-section-wrapper .stadium-bg{background:url(/images/method-background.jpg) no-repeat 50%!important;background-size:cover!important;filter:grayscale(70%) brightness(1) contrast(1.1) blur(3px)!important;opacity:.3!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;min-height:100%!important}.methodology-section-wrapper .nav-wrapper{position:fixed!important;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent);backdrop-filter:blur(10px);padding:5rem 0 2rem!important;transition:all .3s ease}.methodology-hero{padding:8rem 8vw 4rem;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:1}.methodology-hero h1{font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.02em;margin-bottom:3rem;color:#ffffff;text-shadow:0 0 20px rgba(255,255,255,.1)}.methodology-hero p{font-size:1.2rem;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;line-height:1.6}.methodology-nav{background:rgba(255,255,255,.02);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:0;padding:.8rem 0;position:fixed;top:8rem;left:0;right:0;width:100%;z-index:999;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:1rem;padding:0 2rem}.nav-item{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);padding:.6rem 1.2rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .3s ease;border-radius:0;font-size:.75rem}.nav-item:hover{background:rgba(255,255,255,.08);color:#ffffff;border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.nav-item.active{background:rgba(255,255,255,.1);color:#ffffff;border-color:rgba(255,255,255,.4)}.methodology-container{display:flex;align-items:flex-start;justify-content:center;height:100vh;padding:13rem 2rem 2rem;position:relative;z-index:1;overflow-y:auto}.methodology-content{width:80vw;max-width:1200px;min-width:320px;display:flex;flex-direction:column;gap:1.5rem}.content-section{display:none}.content-section.active{display:block}.section-header,.section-header h2,.section-header p{display:none}.explanation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem}.explanation-card{background:rgba(255,255,255,.02);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:0;transition:all .3s ease;position:relative}.explanation-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.explanation-card.full-width{grid-column:1/-1}.explanation-card h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#ffffff;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.6rem;text-transform:uppercase;letter-spacing:.05em}.calculation-steps{display:flex;flex-direction:column;gap:1rem}.step{background:rgba(0,0,0,.4);backdrop-filter:blur(10px);padding:1rem;border-radius:0;border:1px solid rgba(255,255,255,.1);border-left:3px solid #1688cc;transition:all .3s ease}.step:hover{border-left-color:#00BCD4;background:rgba(0,0,0,.6)}.step h4{font-size:.9rem;font-weight:600;margin-bottom:.8rem;color:#1688CC;text-transform:uppercase;letter-spacing:.1em}.stats-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.stats-row span{background:rgba(255,255,255,.05);padding:.4rem .8rem;border:1px solid rgba(255,255,255,.1);border-radius:0;font-size:.85rem;color:rgba(255,255,255,.8)}.stats-row strong{color:#ffffff;font-weight:700}.percentile-bars{display:flex;flex-direction:column;gap:.8rem}.percentile-bar{display:flex;align-items:center;gap:1rem;background:rgba(0,0,0,.3);padding:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:0}.percentile-bar span:first-child{min-width:100px;font-size:.9rem;color:rgba(255,255,255,.8);font-weight:500}.percentile-bar span:last-child{min-width:50px;text-align:right;font-weight:700;color:#ffffff;font-size:1rem}.bar{flex:1;height:12px;background:rgba(255,255,255,.1);position:relative;border:1px solid rgba(255,255,255,.1);border-radius:0}.bar .fill{height:100%;background:linear-gradient(90deg,#1688CC,#00BCD4);transition:width .8s ease;border-radius:0}.weight-display{display:flex;flex-direction:column;gap:1rem}.weight-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(0,0,0,.3);padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:0}.weight-item span{font-size:.9rem;color:rgba(255,255,255,.8);font-weight:500}.weight-box{padding:.5rem 1rem;border-radius:0;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid;min-width:120px;text-align:center}.weight-box.optional{background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.2)}.weight-box.important{background:rgba(22,136,204,.2);color:#1688CC;border-color:#1688CC}.weight-box.priority{background:rgba(22,136,204,.4);color:#ffffff;border-color:#00BCD4;box-shadow:0 0 10px rgba(22,136,204,.3)}.final-calc{border-left-color:#00ff88;background:rgba(0,255,136,.05)}.final-calc h4{color:#00ff88}.formula{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);padding:1.5rem;border-radius:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:1rem;color:#ffffff;text-align:center;backdrop-filter:blur(10px)}.formula strong{color:#00ff88;font-size:1.3em;font-weight:900}.key-points{display:flex;flex-direction:column;gap:.8rem}.point{background:rgba(0,0,0,.3);padding:1rem;border-radius:0;border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.3);transition:all .3s ease}.point:hover{background:rgba(0,0,0,.5);border-left-color:#1688CC}.point h4{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:#ffffff}.point p{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.85);font-weight:300}.pizza-example{display:flex;gap:2rem;align-items:center;background:rgba(0,0,0,.4);padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:0}.pizza-visual{flex:1;max-width:300px;position:relative}.pizza-chart{width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(22,136,204,.3))}.pizza-legend{flex:1;display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.8rem;background:rgba(255,255,255,.03);padding:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:0;transition:all .3s ease}.legend-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.color-box{width:20px;height:20px;border-radius:0;border:1px solid rgba(255,255,255,.2)}.legend-item span{font-size:.8rem;color:rgba(255,255,255,.8);font-weight:500}.distribution-visual{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:0;margin:1rem 0}.curve-container{display:flex;height:80px;align-items:end;justify-content:center;gap:2px;margin-bottom:1rem}.curve-section{display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;padding:.5rem;border-radius:0;border:1px solid;transition:all .3s ease}.curve-section:hover{transform:scale(1.05)}.curve-section.bottom{background:rgba(220,39,61,.2);border-color:rgba(220,39,61,.4);height:30%}.curve-section.average{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);height:100%}.curve-section.top{background:rgba(22,136,204,.2);border-color:rgba(22,136,204,.4);height:30%}.section-label{font-size:.85rem;font-weight:700;color:#ffffff;margin-bottom:.25rem;text-transform:uppercase}.section-range{font-size:.75rem;color:rgba(255,255,255,.6)}.example-grid{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.example{display:grid;grid-template-columns:150px 140px 1fr 60px 200px;align-items:center;gap:.8rem;padding:.8rem;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:0;transition:all .3s ease}.example:hover{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.2);transform:translateX(5px)}.player-name{font-weight:700;font-size:.85rem}.metric{font-size:.8rem;color:rgba(255,255,255,.7)}.percentile-display{display:flex;align-items:center;gap:1rem;flex:1}.percentile-value{font-weight:700;color:#ffffff;font-size:.9rem;min-width:45px;text-align:right}.interpretation{font-size:.8rem;color:rgba(255,255,255,.6)}.composite-breakdown{background:rgba(0,0,0,.4);padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:0;margin-top:.8rem}.formula-display{display:flex;flex-direction:column;gap:.8rem}.component{display:grid;grid-template-columns:1fr 80px 140px;align-items:center;gap:1rem;padding:.8rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:0;transition:all .3s ease}.component:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.component .stat{font-size:.85rem;color:rgba(255,255,255,.9);font-weight:500}.component .weight{font-size:.8rem;color:#1688CC;font-weight:700;text-align:center;background:rgba(22,136,204,.1);padding:.25rem .5rem;border:1px solid rgba(22,136,204,.3);border-radius:0}.component .example{font-size:.8rem;color:rgba(255,255,255,.7);text-align:right;font-family:Monaco,monospace}.total{margin-top:.8rem;padding:1rem;background:rgba(22,136,204,.1);border:2px solid rgba(22,136,204,.4);border-radius:0}.result{font-size:1.1rem;font-weight:900;color:#1688CC;display:block;text-align:center;text-transform:uppercase;letter-spacing:.1em}.reasoning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.reason{background:rgba(0,0,0,.4);padding:1rem;border-radius:0;border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.3);transition:all .3s ease}.reason:hover{background:rgba(0,0,0,.6);border-left-color:#1688CC}.reason h4{font-size:.95rem;font-weight:600;margin-bottom:.6rem;color:#ffffff;text-transform:uppercase;letter-spacing:.05em}.reason p{font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.8)}.tooltip-example{display:flex;gap:3rem;align-items:flex-start;margin-top:2rem}.tooltip-demo{flex:0 0 350px}.tooltip-box{background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.3);padding:1.5rem;border-radius:0;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.4)}.tooltip-box h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#1688CC;border-bottom:1px solid rgba(22,136,204,.4);padding-bottom:.75rem;text-transform:uppercase}.tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.tooltip-row:last-child{border-bottom:none}.tooltip-row span:first-child{color:rgba(255,255,255,.7);font-weight:500}.tooltip-row span:last-child{color:#ffffff;font-weight:700}.tooltip-explanation{flex:1;display:flex;flex-direction:column;gap:1.5rem}.explanation-item{background:rgba(0,0,0,.3);padding:1.5rem;border-radius:0;border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.2)}.explanation-item:hover{border-left-color:#1688CC;background:rgba(0,0,0,.5)}.explanation-item h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#ffffff;text-transform:uppercase;letter-spacing:.05em}.explanation-item p{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.8)}.bell-curve{height:120px;align-items:end;margin:2rem 0;gap:2px}.bell-curve,.curve-area{display:flex;justify-content:center}.curve-area{flex-direction:column;align-items:center;min-width:80px;padding:1rem;position:relative;border:1px solid;border-radius:0;transition:all .3s ease}.curve-area:hover{transform:scale(1.05);z-index:10}.curve-area.exceptional-low{background:rgba(220,39,61,.3);border-color:rgba(220,39,61,.6);height:25%}.curve-area.poor{background:rgba(220,39,61,.2);border-color:rgba(220,39,61,.4);height:45%}.curve-area.below-avg{background:rgba(255,193,7,.2);border-color:rgba(255,193,7,.4);height:75%}.curve-area.average{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);height:100%}.curve-area.above-avg{background:rgba(22,136,204,.2);border-color:rgba(22,136,204,.4);height:75%}.curve-area.good{background:rgba(22,136,204,.3);border-color:rgba(22,136,204,.5);height:45%}.curve-area.exceptional{background:rgba(0,255,136,.3);border-color:rgba(0,255,136,.6);height:25%}.z-label{font-size:.9rem;font-weight:700;color:#ffffff;margin-bottom:.5rem;font-family:Monaco,monospace}.percentage{font-size:.75rem;color:rgba(255,255,255,.7)}.z-meanings{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.z-range{display:grid;grid-template-columns:100px 150px 1fr;align-items:center;gap:1.5rem;padding:1rem;border-radius:0;border:1px solid;background:rgba(0,0,0,.3);transition:all .3s ease}.z-range:hover{background:rgba(0,0,0,.5);transform:translateX(5px)}.z-range.exceptional{border-color:rgba(0,255,136,.4);border-left:4px solid #00ff88}.z-range.good{border-color:rgba(22,136,204,.4);border-left:4px solid #1688cc}.z-range.average{border-color:rgba(255,255,255,.3);border-left:4px solid rgba(255,255,255,.6)}.z-range.below{border-color:rgba(255,193,7,.4);border-left:4px solid #ffc107}.z-range.poor{border-color:rgba(220,39,61,.4);border-left:4px solid #dc273d}.z-range .range{font-family:Monaco,monospace}.z-range .label,.z-range .range{font-size:.85rem;color:#ffffff;font-weight:700}.z-range .label{text-transform:uppercase;letter-spacing:.1em}.z-range .description{font-size:.9rem;color:rgba(255,255,255,.8)}.z-examples{display:flex;flex-direction:column;gap:3rem}.player-z-example{background:rgba(0,0,0,.4);padding:2rem;border-radius:0;border:1px solid rgba(255,255,255,.1);border-left:4px solid #1688cc}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1rem}.player-name{font-size:1.4rem;font-weight:900;color:#ffffff;letter-spacing:.05em}.player-name,.position{text-transform:uppercase}.position{font-size:1rem;color:#1688CC;letter-spacing:.1em;font-weight:600}.z-metrics{display:flex;flex-direction:column;gap:1.5rem}.z-metric{display:grid;grid-template-columns:140px 1fr 80px 220px;align-items:center;gap:1.5rem;background:rgba(255,255,255,.03);padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:0;transition:all .3s ease}.z-metric:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.metric-name{font-size:.9rem;color:rgba(255,255,255,.9);font-weight:600}.z-bar{height:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);overflow:hidden}.z-bar,.z-fill{position:relative;border-radius:0}.z-fill{height:100%;transition:width .8s ease}.z-fill.exceptional{background:linear-gradient(90deg,#00ff88,#00BCD4)}.z-fill.good{background:linear-gradient(90deg,#1688CC,#00BCD4)}.z-fill.average{background:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.6))}.z-fill.below{background:linear-gradient(90deg,#ffc107,#ff9800)}.z-fill.poor{background:linear-gradient(90deg,#dc273d,#ff5757)}.z-value{font-size:.9rem;font-weight:700;color:#ffffff;font-family:Monaco,monospace;text-align:center;background:rgba(0,0,0,.6);padding:.3rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:0}.z-interpretation{font-size:.85rem;color:rgba(255,255,255,.7)}.z-calculation-example{background:rgba(0,0,0,.6);padding:2rem;border-radius:0;border:1px solid rgba(255,255,255,.2);border-left:4px solid #00ff88}.z-calculation-example h4{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:#ffffff;text-transform:uppercase;letter-spacing:.1em}.formula-box{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);padding:2rem;border-radius:0;margin-bottom:1.5rem}.formula-line{font-size:1rem;color:#ffffff;margin-bottom:1rem}.formula-example,.formula-line{font-family:Monaco,monospace;text-align:center}.formula-example{font-size:.9rem;color:#00ff88;font-weight:700}.pca-explanation{display:flex;flex-direction:column;gap:3rem}.pca-concept{background:rgba(0,0,0,.4);padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:0}.dimension-visual{display:flex;align-items:center;gap:3rem;margin:2rem 0;justify-content:center}.dimensions-after,.dimensions-before{flex:1;text-align:center;max-width:300px}.dimensions-after h5,.dimensions-before h5{font-size:1rem;font-weight:700;margin-bottom:1.5rem;color:#ffffff;text-transform:uppercase;letter-spacing:.1em}.stat-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.stat-list span{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:.4rem .8rem;border-radius:0;font-size:.8rem;color:rgba(255,255,255,.8);font-weight:500}.pca-axes{display:flex;flex-direction:column;gap:1rem}.pca-axes span{background:rgba(22,136,204,.2);border:1px solid rgba(22,136,204,.4);padding:1rem;border-radius:0;font-size:.9rem;text-align:center}.arrow,.pca-axes span{color:#1688CC;font-weight:700}.arrow{font-size:2.5rem}.pca-interpretation{background:rgba(0,0,0,.4);padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:0}.axis-explanation{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.axis{padding:1.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-left:4px solid #1688cc;border-radius:0}.axis h5{font-size:1rem;font-weight:700;margin-bottom:1rem;color:#1688CC;text-transform:uppercase;letter-spacing:.05em}.axis p{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.8)}.variance-breakdown{background:rgba(0,0,0,.4);padding:2rem}.variance-breakdown,.variance-item{border:1px solid rgba(255,255,255,.1);border-radius:0}.variance-item{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;background:rgba(255,255,255,.03);padding:1rem}.variance-item .component{min-width:60px;font-family:Monaco,monospace;font-size:.9rem;color:#ffffff;font-weight:700;background:rgba(22,136,204,.2);padding:.5rem;border:1px solid rgba(22,136,204,.4);border-radius:0;text-align:center}.variance-bar{flex:1;height:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:0;overflow:hidden}.variance-total{margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(255,255,255,.2);text-align:center;font-size:1.2rem;color:rgba(255,255,255,.9)}.variance-total strong{color:#1688CC;font-weight:900;font-size:1.4em}.usage-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.usage-step{background:rgba(0,0,0,.4);padding:2rem;border-radius:0;border:1px solid rgba(255,255,255,.1);border-left:4px solid #1688cc;transition:all .3s ease}.usage-step:hover{background:rgba(0,0,0,.6);border-left-color:#00BCD4}.usage-step h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#1688CC;text-transform:uppercase;letter-spacing:.1em}.usage-step p{font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.8)}@media (max-width:1200px){.explanation-grid{grid-template-columns:1fr}.pizza-example{flex-direction:column;gap:2rem}}@media (max-width:768px){.methodology-hero h1{font-size:2.5rem}.methodology-hero{padding:6rem 4vw 3rem}.nav-container{flex-direction:column;gap:.5rem}.example{grid-template-columns:1fr;text-align:center;gap:.5rem}.stats-row{flex-direction:column;gap:1rem}}.about-section-wrapper{height:100vh;position:relative;color:#fff;display:flex;flex-direction:column;backdrop-filter:blur(5px);overflow:hidden}.about-section-wrapper .stadium-bg{background:url(/images/about-background.jpg) center -20%!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;filter:grayscale(10%) brightness(.4) contrast(1.1) blur(2.5px)!important;opacity:.5!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;min-height:100%!important}.about-section-wrapper .grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0);background-size:50px 50px}.about-section-wrapper:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-5;opacity:.03;pointer-events:none;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"><filter id="noiseFilter"><feTurbulence type="turbulence" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="300" height="300" filter="url(%23noiseFilter)" opacity="1"/></svg>');animation:grain .5s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(10%,5%)}70%{transform:translate(-5%,10%)}90%{transform:translate(-10%)}}.about-title{text-align:center;font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.02em;color:#fff;margin:6rem 0 2rem;opacity:0;animation:slideUp 1s ease .2s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-container{display:flex;align-items:flex-start;justify-content:center;height:100vh;padding:10rem 2rem 2rem;position:relative;z-index:1;overflow-y:auto}.about-content{width:80vw;max-width:1200px;min-width:320px;display:flex;flex-direction:column;gap:1.5rem}.about-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:0;backdrop-filter:blur(10px);transition:all .3s ease}.about-section:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.section-inner{padding:1.5rem}.about-section h2{font-size:1.4rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.2rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.6rem}.profile-section{min-height:220px}.profile-content{display:flex;gap:2rem;align-items:center}.profile-image{flex-shrink:0}.profile-placeholder{width:180px;height:200px;background:url(/images/profile.jpg) center 75%;background-size:140%;border:2px solid rgba(220,39,61,.4);border-radius:0;position:relative;transition:all .3s ease;overflow:hidden}.profile-placeholder:hover{border-color:rgba(220,39,61,.7);box-shadow:0 0 12px rgba(220,39,61,.3)}.profile-placeholder span{display:none}.profile-text{flex:1;display:flex;flex-direction:column;gap:1rem}.profile-text p{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.85);font-weight:300}.ambition-section,.motivation-section{min-height:220px}.ambition-content,.motivation-content{display:flex;flex-direction:column;gap:1rem}.ambition-content p,.motivation-content p{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.85);font-weight:300}.about-section-wrapper .nav-wrapper{position:fixed!important;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(0,0,0,.9),transparent);backdrop-filter:blur(10px);padding:5rem 0 2rem!important;transition:all .3s ease}.top-nav-container{display:flex;justify-content:space-between;align-items:center;width:80%;margin:0 auto;position:relative}.nav-left .nav-link{color:rgba(255,255,255,.8);text-decoration:none;font-size:.9rem;font-weight:700;letter-spacing:.1em;transition:color .3s ease;position:relative;background:none;border:none;cursor:pointer;padding:0}.nav-left .nav-link:hover{color:#fff}.nav-left .nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.nav-left .nav-link:hover:after{width:100%}.nav-center{position:absolute;left:50%;transform:translateX(-50%)}.nav-right{display:flex;gap:3rem}.nav-right a,.nav-right button{color:rgba(255,255,255,.8);text-decoration:none;font-size:.9rem;font-weight:700;letter-spacing:.1em;transition:color .3s ease;position:relative;background:none;border:none;cursor:pointer;padding:0}.nav-right a:hover,.nav-right button:hover{color:#fff}.nav-right a:after,.nav-right button:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.nav-right a:hover:after,.nav-right button:hover:after{width:100%}.nav-page-title{font-size:2rem;font-weight:900;letter-spacing:.1em;color:#fff;opacity:0;animation:fadeInTitle 1s ease .3s forwards}@keyframes fadeInTitle{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.about-content{width:85vw;max-width:1000px}.section-inner{padding:1.5rem}.about-section h2{font-size:1.4rem;margin-bottom:1.2rem}.ambition-content p,.motivation-content p{font-size:.95rem}}@media (max-width:768px){.about-content{width:90vw;max-width:100%}.profile-content{flex-direction:column;text-align:center;gap:1.5rem}.profile-placeholder{width:120px;height:160px;margin:0 auto}.about-container{padding:4rem 1rem 1rem}.section-inner{padding:1.5rem}.about-section-wrapper .nav-wrapper{padding:1rem!important}.top-nav-container{padding:0 1rem}.about-section-wrapper nav{flex-direction:column;gap:.8rem;padding:.5rem}.about-section h2{font-size:1.3rem;margin-bottom:1rem}.profile-text p{font-size:1.1rem}.ambition-content p,.motivation-content p{font-size:.9rem;line-height:1.4}}.about-section{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}.about-section:first-child{animation-delay:.2s}.about-section:nth-child(2){animation-delay:.4s}.about-section:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.about-section:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.about-section:hover:before{opacity:1}.about-section{position:relative;overflow:hidden}