.carbon-pattern{background-color:#0b0b0c;background-image:linear-gradient(45deg,#15151e 25%,transparent 25%),linear-gradient(-45deg,#15151e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15151e 75%),linear-gradient(-45deg,transparent 75%,#15151e 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0b0c}::-webkit-scrollbar-thumb{background:#ff1801;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#cc1300}::selection{background:#ff1801;color:#fff}#hero-canvas{display:block;width:100%;height:100vh;object-fit:cover;filter:brightness(.95) contrast(1.05)}.skew-btn{transform:skew-x(-12deg)}.skew-btn>*{transform:skew-x(12deg)}.glow-red{box-shadow:0 0 15px #ff180133}.glow-red:hover{box-shadow:0 0 25px #ff180166}.transition-all-300{transition:all .3s cubic-bezier(.4,0,.2,1)}.grid-bg{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse-fast{animation:pulse-fast 1s cubic-bezier(.4,0,.6,1) infinite}@font-face{font-family:Rostex Outline;src:url(/fonts/rostex.outline.ttf) format("truetype"),url(/fonts/rostex.outline.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rostex Regular;src:url(/fonts/rostex.regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.font-rostex{font-family:Rostex Outline,Syncopate,Orbitron,Space Grotesk,sans-serif;text-transform:uppercase!important;letter-spacing:.15em!important;margin-right:-.15em}.text-outline-white{color:#fff;text-shadow:none}.text-outline-red{color:#ff1801;text-shadow:none}.text-glow-red{text-shadow:0 0 20px rgba(255,24,1,.8)}.text-glow-white{text-shadow:0 0 20px rgba(255,255,255,.5)}.font-speed{font-style:italic;transform:skew(-6deg)}@media(min-width:768px){.font-rostex{letter-spacing:.25em!important;margin-right:-.25em}}body.drs-active{background-color:#050508!important;color:#fff}body.drs-active .bg-f1-dark{background-color:#050508!important}body.drs-active .grid-bg{background-image:linear-gradient(to right,rgba(0,210,190,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,210,190,.05) 1px,transparent 1px)!important}.drs-toggle-btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.drs-toggle-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:.5s;opacity:0}.drs-toggle-btn:hover:after{left:120%;opacity:1}.wind-streaks{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99;overflow:hidden;opacity:0;transition:opacity .5s ease}body.drs-active .wind-streaks{opacity:1}.streak{position:absolute;height:2px;background:linear-gradient(to right,transparent,rgba(0,210,190,.6),transparent);animation:moveStreak .8s linear infinite}@keyframes moveStreak{0%{transform:translate(-150%) translateY(0);width:100px}to{transform:translate(250%) translateY(100px);width:300px}}.hud-card-wrapper{perspective:1000px}.hud-card{transition:transform .15s ease-out,border-color .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.hud-card-inner{transform:translateZ(30px)}body.drs-active .hud-card{box-shadow:0 0 15px #00d2be1a}body.drs-active .hud-card:hover{box-shadow:0 0 25px #00d2be40;border-color:#00d2be66!important}.gforce-radar{position:relative;width:44px;height:44px;border:1px dashed rgba(255,255,255,.15);border-radius:50%}.gforce-radar:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff14}.gforce-radar:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff14}.gforce-dot{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.sector-tag{font-size:8px;font-weight:900;font-family:monospace;padding:2px 5px;border-radius:2px;text-transform:uppercase}.sector-purple{background-color:#a0a;color:#fff;text-shadow:0 0 5px rgba(170,0,170,.8)}.sector-green{background-color:#00d200;color:#000}.sector-yellow{background-color:#ff0;color:#000}.track-map-container svg{filter:drop-shadow(0 0 10px rgba(255,24,1,.15));transition:filter .5s ease}body.drs-active .track-map-container svg{filter:drop-shadow(0 0 15px rgba(0,210,190,.2))}.track-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawTrack 3s ease forwards}.track-point{cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.track-point:hover{transform:scale(1.4);fill:#fff!important;filter:drop-shadow(0 0 8px var(--glow-color, #FF1801))}.track-point.active{transform:scale(1.5);fill:#fff!important;filter:drop-shadow(0 0 12px var(--glow-color, #FF1801))}@keyframes drawTrack{to{stroke-dashoffset:0}}.radio-pulse-circle{position:relative;display:inline-block}.radio-pulse-circle:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px solid rgba(255,24,1,.4);border-radius:50%;animation:pulseCircle 1.5s ease-out infinite}@keyframes pulseCircle{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.speed-rev-bar{height:6px;background:#ffffff0d;overflow:hidden;position:relative}.speed-rev-bar-fill{height:100%;width:0%;background:linear-gradient(to right,#00d200,#ff0,#ff1801);transition:width .1s linear}@keyframes rumble{0%{transform:skew(-12deg) translate(0) scale(1.05)}20%{transform:skew(-12deg) translate(-.8px,.8px) scale(1.05)}40%{transform:skew(-12deg) translate(-.8px,-.8px) scale(1.05)}60%{transform:skew(-12deg) translate(.8px,.8px) scale(1.05)}80%{transform:skew(-12deg) translate(.8px,-.8px) scale(1.05)}to{transform:skew(-12deg) translate(0) scale(1.05)}}.rumble-hover{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.rumble-hover:hover{animation:rumble .08s linear infinite}@keyframes rumble-flat{0%{transform:translate(0) scale(1.02)}20%{transform:translate(-.8px,.8px) scale(1.02)}40%{transform:translate(-.8px,-.8px) scale(1.02)}60%{transform:translate(.8px,.8px) scale(1.02)}80%{transform:translate(.8px,-.8px) scale(1.02)}to{transform:translate(0) scale(1.02)}}.rumble-flat-hover:hover{animation:rumble-flat .08s linear infinite}.card-glow-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.card-glow-border rect{fill:none;stroke:var(--glow-color, #ff1801);stroke-width:2px;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .8s cubic-bezier(.25,.46,.45,.94)}.hud-card:hover .card-glow-border rect{stroke-dashoffset:0}.input-telemetry-wrapper{position:relative;width:100%}.input-telemetry-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:var(--input-glow, #ff1801);transition:width .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 8px var(--input-glow, #ff1801)}.input-telemetry-wrapper:focus-within:after{width:100%}.rpm-dial-progress{transition:stroke-dashoffset .15s cubic-bezier(.1,.8,.25,1)}.rev-limiter{transition:fill .1s ease}.rev-limiter.active{animation:revBlink .12s infinite alternate}@keyframes revBlink{0%{fill:#300;filter:none}to{fill:#ff1801;filter:drop-shadow(0 0 8px #ff1801)}}:root{--text-animation-red-color: #ff1801;--text-animation-blue-color: #00F0FF;--text-animation-green-color: #00FF66;--text-animation-grey-color: rgba(255, 255, 255, .15)}.text-animation{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20vh 5vw;background-color:#0b0b0c;position:relative;z-index:10;overflow:hidden}.text-animation__text{font-family:Space Grotesk,sans-serif;font-size:4vw;line-height:1.4;font-weight:800;font-style:normal;text-align:center;text-transform:uppercase;color:#fff;width:100%;max-width:90vw;margin:0 auto;letter-spacing:-.01em}.text-animation__paragraph{height:13vw;display:block;text-align:center}.text-animation__blur{position:relative;display:inline-block;vertical-align:baseline}.text-animation__blur:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:13.75vw;max-height:5.6vw;border-radius:50%;background-color:var(--blur-glow, var(--text-animation-red-color));filter:blur(4vw);z-index:0;pointer-events:none;opacity:.8}.text-animation__word{position:relative;display:inline-block;transition:color .3s ease,opacity .3s ease;white-space:nowrap;vertical-align:baseline}.text-animation__image-wrapper{position:relative;display:inline-block;vertical-align:baseline;flex-shrink:0;overflow:hidden;margin:0;width:0;max-width:18vw;height:5.6vw;opacity:0;border:1px solid rgba(255,255,255,.15);border-radius:4px;will-change:width,opacity;transform:translateZ(0)}.text-animation__animated-img{position:absolute;top:0;left:50%;width:18vw;height:100%;border-radius:.25rem;object-fit:cover;transform:translate(-50%)}.text-animation__reveal{position:absolute;top:0;z-index:2;width:50%;height:100%;pointer-events:none;background-color:#0b0b0c;will-change:transform;transform:translateZ(0)}.text-animation__reveal.left{left:0}.text-animation__reveal.right{right:0}.char-reveal{opacity:0;color:var(--text-animation-grey-color);display:inline-block;will-change:color,opacity}@media screen and (max-width:1024px){.text-animation__text{font-size:5.2vw}.text-animation__paragraph{height:17vw}.text-animation__image-wrapper{max-width:20vw;height:6.5vw}.text-animation__animated-img{width:20vw}.text-animation__blur:before{max-width:19.75vw;max-height:6.5vw}}@media screen and (max-width:768px){.text-animation__text{font-size:6.2vw}.text-animation__paragraph{height:20vw}.text-animation__image-wrapper{max-width:22vw;height:7.5vw}.text-animation__animated-img{width:22vw}}#supabase-config-modal:not(.hidden),#supabase-auth-modal:not(.hidden){display:flex!important}#tab-login.active,#tab-signup.active{color:#ff1801!important;border-color:#ff1801!important}.profile-active-dot{width:6px;height:6px;border-radius:50%;background-color:#0f6;box-shadow:0 0 8px #0f6}footer{position:relative;background-color:#000}.crowd-container{position:absolute;bottom:-1px;left:0;width:100%;height:180px;pointer-events:none;z-index:1}.crowd-silhouette{width:100%;height:100%;position:absolute;bottom:0;left:0}.waving-flag{transform-origin:bottom center;animation:waveFlag 4s ease-in-out infinite}.waving-flag-fast{transform-origin:bottom center;animation:waveFlag 2.5s ease-in-out infinite alternate}.cheering-hand{transform-origin:bottom center;animation:bounceHand 3s ease-in-out infinite alternate}@keyframes waveFlag{0%,to{transform:rotate(-5deg) skew(-2deg)}50%{transform:rotate(8deg) skew(4deg)}}@keyframes bounceHand{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(-10px) scaleY(1.1)}}.f1-flat-icon{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .3s,color .3s;cursor:pointer}.f1-flat-icon:hover{transform:translateY(-8px) scale(1.1);color:#ff1801!important;filter:drop-shadow(0 0 8px rgba(255,24,1,.5))}.footer-racing-stripe{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#ff1801 30%,#ff1801 70%,transparent 100%);animation:raceStripe 3s ease-in-out infinite}@keyframes raceStripe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.footer-divider{animation:dividerPulse 2.5s ease-in-out infinite}@keyframes dividerPulse{0%,to{opacity:.4;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.5)}}.car-turntable-wrapper{width:100%;margin:0 auto;position:relative}.car-turntable-stage{width:100%;height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at center bottom,rgba(255,24,1,.03) 0%,transparent 60%)}.car-turntable-stage canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.car-turntable-stage canvas:active{cursor:grabbing}.car-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:10;transition:opacity .5s ease}.car-loading-overlay.hidden{opacity:0;pointer-events:none}.car-loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff1801;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.car-ground-reflection{width:80%;height:40px;margin:-10px auto 0;background:radial-gradient(ellipse at center,rgba(255,24,1,.08) 0%,transparent 70%);filter:blur(6px);animation:reflectionPulse 3s ease-in-out infinite}@keyframes reflectionPulse{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}@media(min-width:1025px){.reveal-footer{position:fixed;bottom:0;left:0;width:100%;height:100vh;z-index:1;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.footer-spacer{height:100vh;width:100%;pointer-events:none;background:transparent}}@media(max-width:1024px){.reveal-footer{position:relative;width:100%;height:100vh;z-index:10;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.footer-spacer{display:none}}.racing-brand{perspective:1000px}.racing-blur-text{display:inline-block;transition:transform .2s ease,filter .2s ease;animation:racing-blur-idle 5s infinite ease-in-out}@keyframes racing-blur-idle{0%,to{filter:blur(0px);transform:skew(-12deg) scale(1);text-shadow:none}48%{filter:blur(0px);transform:skew(-12deg) scale(1);text-shadow:none}50%{filter:blur(1.5px);transform:skew(-15deg) scale(1.01) translate(2px);text-shadow:-4px 0 2px rgba(255,24,1,.5),4px 0 2px rgba(0,240,255,.5)}52%{filter:blur(0px);transform:skew(-12deg) scale(1);text-shadow:none}}.racing-brand:hover .racing-blur-text{animation:racing-acceleration .3s infinite linear}@keyframes racing-acceleration{0%{filter:blur(0px);transform:skew(-12deg) translate(0);text-shadow:none}20%{filter:blur(2.5px) brightness(1.2);transform:skew(-16deg) translate(-4px) scaleX(1.05);text-shadow:-8px 0 4px rgba(255,24,1,.8),2px 0 2px rgba(0,240,255,.5)}60%{filter:blur(2.5px) brightness(1.2);transform:skew(-8deg) translate(4px) scaleX(.95);text-shadow:8px 0 4px rgba(0,240,255,.8),-2px 0 2px rgba(255,24,1,.5)}to{filter:blur(0px);transform:skew(-12deg) translate(0);text-shadow:none}}.rev-light-bar{padding:4px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:9999px}.rev-dot{transition:background-color .15s ease,box-shadow .15s ease}.rev-dot.green{animation:revGreen 2.5s infinite var(--delay) ease-in-out}.rev-dot.yellow{animation:revYellow 2.5s infinite var(--delay) ease-in-out}.rev-dot.red{animation:revRed 2.5s infinite var(--delay) ease-in-out}.rev-dot.blue-flash{animation:revBlueFlash 2.5s infinite var(--delay) ease-in-out}@keyframes revGreen{0%,15%{background-color:#111;box-shadow:none}20%,80%{background-color:#0f6;box-shadow:0 0 8px #0f6}85%,to{background-color:#111;box-shadow:none}}@keyframes revYellow{0%,35%{background-color:#111;box-shadow:none}40%,80%{background-color:#fc0;box-shadow:0 0 8px #fc0}85%,to{background-color:#111;box-shadow:none}}@keyframes revRed{0%,55%{background-color:#111;box-shadow:none}60%,80%{background-color:#ff1801;box-shadow:0 0 8px #ff1801}85%,to{background-color:#111;box-shadow:none}}@keyframes revBlueFlash{0%,70%{background-color:#111;box-shadow:none}75%,80%{background-color:#00f0ff;box-shadow:0 0 12px #00f0ff}81%,83%{background-color:#111;box-shadow:none}84%,86%{background-color:#00f0ff;box-shadow:0 0 12px #00f0ff}87%,to{background-color:#111;box-shadow:none}}.flow-line{animation:flowSweep 3s infinite linear;background:linear-gradient(90deg,transparent,rgba(255,24,1,.8) 50%,transparent);background-size:200% 100%}@keyframes flowSweep{0%{background-position:100% 0}to{background-position:-100% 0}}.logo-scanline{animation:scanlineSweep 4s infinite linear}@keyframes scanlineSweep{0%{transform:skew(-12deg) translate(-100%);opacity:0}10%{opacity:1}30%{transform:skew(-12deg) translate(100%);opacity:0}to{transform:skew(-12deg) translate(100%);opacity:0}}.racing-brand:hover~div span{color:#ff1801;text-shadow:0 0 8px rgba(255,24,1,.4)}.carbon-grid-bg{background-color:#030305;background-image:radial-gradient(circle at 50% 50%,rgba(255,24,1,.08) 0%,transparent 65%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.25) 75%);background-size:100% 100%,60px 60px,60px 60px,6px 6px,6px 6px;background-position:0 0,0 0,0 0,0 0,3px 3px}.marquee-container{display:flex;overflow:hidden;white-space:nowrap;width:100%}.animate-marquee{display:flex;animation:marqueeSweep 35s linear infinite}@keyframes marqueeSweep{0%{transform:translate(0)}to{transform:translate(-100%)}}