:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 346.8 77.2% 49.8%;--primary-foreground: 355.7 100% 97.3%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 346.8 77.2% 49.8%;--radius: .5rem}.dark{--background: 20 14.3% 4.1%;--foreground: 0 0% 95%;--card: 24 9.8% 10%;--card-foreground: 0 0% 95%;--popover: 0 0% 9%;--popover-foreground: 0 0% 95%;--primary: 346.8 77.2% 49.8%;--primary-foreground: 355.7 100% 97.3%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 15%;--muted-foreground: 240 5% 64.9%;--accent: 12 6.5% 15.1%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 85.7% 97.3%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 346.8 77.2% 49.8%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.75rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:1.5rem}h2{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.25rem}h3{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1rem}h4{font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}p{margin-bottom:1rem;color:hsl(var(--foreground));opacity:.9}.lead{font-size:1.25rem;color:hsl(var(--muted-foreground));margin-bottom:2rem}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}nav{position:fixed;top:0;width:100%;background-color:hsla(var(--background),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;min-height:60px}.nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.nav-logo{font-size:1.25rem;font-weight:700;color:hsl(var(--primary));text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;margin:0;padding:0}.nav-link{color:hsl(var(--muted-foreground));text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:hsl(var(--foreground))}.nav-link.active{color:hsl(var(--primary))}.theme-toggle{background:none;border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.5rem;cursor:pointer;color:hsl(var(--foreground));transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.theme-toggle:hover{background-color:hsl(var(--accent))}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(to bottom,transparent,hsl(var(--background))),radial-gradient(circle at 50% 50%,hsl(var(--primary) / .1),transparent)}.hero-content{text-align:center;z-index:1;max-width:900px}.hero h1{background:linear-gradient(to right,hsl(var(--foreground)),hsl(var(--primary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:2rem;transition:all .2s}.card:hover{box-shadow:0 10px 30px -10px hsla(var(--foreground) / .1);transform:translateY(-2px)}.card-header{margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card-description{color:hsl(var(--muted-foreground))}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;border-radius:var(--radius);transition:all .2s;cursor:pointer;text-decoration:none;border:none;font-size:1rem}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{background-color:hsl(var(--primary) / .9)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover{background-color:hsl(var(--secondary) / .8)}.btn-ghost{background:transparent;color:hsl(var(--foreground))}.btn-ghost:hover{background-color:hsl(var(--accent))}.tabs{margin-bottom:2rem}.tab-list{display:flex;border-bottom:1px solid hsl(var(--border));margin-bottom:2rem;overflow-x:auto}.tab-trigger{background:none;border:none;padding:.75rem 1.5rem;font-weight:500;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s;position:relative;white-space:nowrap}.tab-trigger:hover,.tab-trigger.active{color:hsl(var(--foreground))}.tab-trigger.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:hsl(var(--primary))}.tab-content{display:none}.tab-content.active{display:block}.progress{background-color:hsl(var(--secondary));height:8px;border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-bar{background-color:hsl(var(--primary));height:100%;transition:width 1s ease-out}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:9999px;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.badge-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.badge-success{background-color:#16a34a;color:#fff}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid hsl(var(--border))}.alert-info{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.alert-warning{background-color:#facc151a;color:#facc15;border-color:#facc1533}.toc{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.toc-item{display:block;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s;border-left:2px solid transparent;padding:.5rem 0 .5rem 1rem}.toc-item:hover{color:hsl(var(--foreground))}.toc-item.active{color:hsl(var(--primary));border-left-color:hsl(var(--primary))}.separator{height:1px;background-color:hsl(var(--border));margin:3rem 0}.mobile-menu-toggle{display:none;background:none;border:none;color:hsl(var(--foreground));cursor:pointer;font-size:1.5rem;padding:.5rem;align-items:center;justify-content:center}.mobile-menu-toggle:hover{opacity:.7}.code-block{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;font-family:Consolas,Monaco,monospace;font-size:.875rem;overflow-x:auto;margin-bottom:1rem}ul,ol{margin-bottom:1rem;padding-left:2rem}li{margin-bottom:.5rem;color:hsl(var(--foreground));opacity:.85}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:1.875rem}.nav-links,.theme-toggle{display:none}.mobile-menu-toggle{display:block}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.toc{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}html{scroll-behavior:smooth}:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}::selection{background-color:hsl(var(--primary) / .2);color:hsl(var(--foreground))}.skill-matrix{display:grid;gap:1rem;margin-top:2rem}.skill-row{display:grid;grid-template-columns:200px 1fr 100px;align-items:center;gap:1rem}.skill-name{font-weight:500}.skill-level{text-align:right;font-weight:600;color:hsl(var(--primary))}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:hsl(var(--border))}.timeline-item{position:relative;padding-bottom:3rem}.timeline-marker{position:absolute;left:-2rem;top:.5rem;width:12px;height:12px;background-color:hsl(var(--primary));border-radius:50%;border:3px solid hsl(var(--background))}.timeline-content h3,.timeline-content p{margin-bottom:.5rem}.content-layout{display:grid;grid-template-columns:1fr 250px;gap:3rem;align-items:start}@media (max-width: 1024px){.content-layout{grid-template-columns:1fr}}.dark .card{background-color:hsl(var(--card))}.dark .code-block{background-color:#171717}.accordion{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}.accordion-trigger{width:100%;padding:1rem 1.5rem;background:none;border:none;text-align:left;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;color:hsl(var(--foreground))}.accordion-trigger:hover{background-color:hsl(var(--accent))}.accordion-content{display:none;padding:1rem 1.5rem 2rem;line-height:1.7;color:hsl(var(--foreground))}.accordion-content.active{display:block}.accordion-content p{margin-bottom:1.25rem;color:hsl(var(--foreground));opacity:.9}.accordion-content ul,.accordion-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.accordion-content li{margin-bottom:.75rem;color:hsl(var(--foreground));opacity:.9}.dark .accordion{background-color:hsl(var(--card));border-color:hsl(var(--border) / .7)}.dark .accordion-trigger{background-color:hsl(var(--card));color:hsl(var(--foreground))}.dark .accordion-trigger:hover{background-color:hsl(var(--accent) / .8)}.dark .accordion-content{background-color:hsl(var(--background) / .5);border-radius:0 0 var(--radius) var(--radius);margin-top:.25rem;border:1px solid hsl(var(--border) / .5);border-top:none}.dark .accordion-content p,.dark .accordion-content li{color:hsl(var(--foreground));opacity:.95}.dark .accordion-trigger.active{border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background-color:hsl(var(--accent) / .3)}.accordion-icon{transition:transform .2s;color:hsl(var(--foreground))}.accordion-trigger.active .accordion-icon{transform:rotate(180deg)}.dark .transition-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border))}.dark .transition-card h4,.dark .transition-card h3{color:hsl(var(--foreground))}.dark .transition-card p,.dark .transition-card li{color:hsl(var(--foreground));opacity:.9}.dark .tab-content{color:hsl(var(--foreground))}.dark .tab-content p,.dark .tab-content li{opacity:.9}.lead{font-size:1.25rem;color:hsl(var(--foreground));opacity:.8;margin-bottom:2rem;line-height:1.7}.dark .lead{opacity:.9}.section p{color:hsl(var(--foreground));opacity:.85}.dark .section p{opacity:.95}.section h3,.section h4,.section h5{color:hsl(var(--foreground));opacity:1}.section ul li,.section ol li{color:hsl(var(--foreground));opacity:.85}.dark .section ul li,.dark .section ol li{opacity:.95}table th{background-color:hsl(var(--muted));color:hsl(var(--foreground));font-weight:600}table td{color:hsl(var(--foreground));opacity:.9}.dark table td{opacity:.95}.code-block{color:hsl(var(--foreground));background-color:hsl(var(--muted));border:1px solid hsl(var(--border))}.dark .code-block{background-color:hsl(var(--card));color:hsl(var(--foreground));opacity:.95}.badge{font-weight:600}.alert p,.alert li{opacity:1}.toc-item{color:hsl(var(--foreground));opacity:.7}.toc-item:hover,.toc-item.active{opacity:1}.timeline-content p{color:hsl(var(--foreground));opacity:.9}.dark .timeline-content p{opacity:.95}.skill-name,.skill-level{color:hsl(var(--foreground));font-weight:500}.hero{padding:6rem 0;text-align:center;background:linear-gradient(to bottom,hsl(var(--background)),hsl(var(--card)))}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--foreground)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:hsl(var(--muted-foreground));max-width:42rem;margin:0 auto 2rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features{padding:4rem 0;background-color:hsl(var(--background))}.car-section{padding:4rem 0;background-color:hsl(var(--card))}.dark .car-section{background-color:hsl(var(--background))}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.car-card{transition:transform .2s ease}.car-card:hover:not(.coming-soon){transform:translateY(-4px)}.car-card.coming-soon{opacity:.7}.car-details p{font-size:.875rem;margin-bottom:.5rem;color:hsl(var(--muted-foreground))}.about-section{padding:4rem 0;background-color:hsl(var(--background))}.nav-logo{font-size:1.5rem;font-weight:700}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}}.footer{background-color:hsl(var(--card));border-top:1px solid hsl(var(--border));padding:3rem 0;text-align:center;margin-top:4rem}.dark .footer{background-color:hsl(var(--background))}.footer p{margin-bottom:.5rem;color:hsl(var(--muted-foreground))}.footer a{color:hsl(var(--primary));text-decoration:none;transition:opacity .2s}.footer a:hover{opacity:.8}.nav-enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(var(--background),.95);box-shadow:0 1px 3px hsla(var(--foreground) / .1)}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;transition:transform .2s}.nav-logo:hover{transform:translate(3px)}.logo-icon{font-size:1.5rem}.nav-item{position:relative}.dropdown-toggle:after{content:"▼";font-size:.75rem;margin-left:.25rem;transition:transform .2s}.nav-item:hover .dropdown-toggle:after{transform:translateY(2px)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.5rem;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;box-shadow:0 10px 30px hsla(var(--foreground) / .1);z-index:100}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-section{padding:.5rem}.dropdown-section h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));margin-bottom:.5rem}.dropdown-item{display:block;padding:.5rem .75rem;color:hsl(var(--foreground));text-decoration:none;border-radius:calc(var(--radius) * .5);transition:all .2s}.dropdown-item:hover{background-color:hsl(var(--accent));transform:translate(3px)}.nav-actions{display:flex;gap:.5rem;align-items:center}.hero-enhanced{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-background{position:absolute;inset:0;z-index:-1}.hero-gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,hsl(var(--primary) / .15),transparent 50%),radial-gradient(circle at 70% 70%,hsl(var(--primary) / .1),transparent 50%),linear-gradient(to bottom,transparent,hsl(var(--background)))}.hero-pattern{position:absolute;inset:0;opacity:.03;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,hsl(var(--foreground)) 35px,hsl(var(--foreground)) 70px)}.hero-content{text-align:center;max-width:1000px;animation:fadeInUp 1s ease-out}.hero-badge{display:inline-block;background-color:hsl(var(--primary) / .1);color:hsl(var(--primary));padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:2rem;animation:fadeIn .8s ease-out}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1;margin-bottom:2rem}.hero-highlight{background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--primary) / .7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.375rem;line-height:1.8;max-width:700px;margin:0 auto 3rem;color:hsl(var(--foreground));opacity:.8}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.btn-large{padding:1rem 2rem;font-size:1.125rem;display:flex;align-items:center;gap:.75rem}.btn-icon{font-size:1.25rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem;padding-top:4rem;border-top:1px solid hsl(var(--border) / .3)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:hsl(var(--primary));margin-bottom:.5rem}.stat-label{font-size:.875rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;animation:bounce 2s infinite}.hero-scroll-indicator span{font-size:.875rem;color:hsl(var(--muted-foreground));display:block;margin-bottom:.5rem}.scroll-arrow{font-size:1.5rem;color:hsl(var(--primary))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.featured-track{padding:5rem 0;background-color:hsl(var(--card))}.dark .featured-track{background-color:hsl(var(--background))}.featured-header{text-align:center;margin-bottom:3rem}.section-subtitle{font-size:1.125rem;color:hsl(var(--muted-foreground));margin-top:.5rem}.featured-track-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background-color:hsl(var(--background));border-radius:calc(var(--radius) * 2);overflow:hidden;box-shadow:0 20px 40px hsla(var(--foreground) / .1)}.dark .featured-track-card{background-color:hsl(var(--card))}.featured-track-image{position:relative;height:400px;overflow:hidden}.featured-track-image img{width:100%;height:100%;object-fit:cover}.track-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,hsla(0 0% 0% / .8),transparent);padding:2rem}.track-stats{display:flex;gap:1.5rem;color:#fff;font-size:.875rem}.track-stats span{display:flex;align-items:center;gap:.5rem}.featured-track-content{padding:3rem}.featured-track-content h3{font-size:2rem;margin-bottom:.5rem}.track-location{color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.track-description{line-height:1.8;margin-bottom:2rem;color:hsl(var(--foreground));opacity:.85}.track-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--foreground))}.feature-icon{font-size:1.25rem;color:hsl(var(--primary))}.featured-actions{display:flex;gap:1rem}.track-selector{padding:5rem 0;background-color:hsl(var(--background))}.section-header{text-align:center;margin-bottom:3rem}.track-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:none;border:1px solid hsl(var(--border));border-radius:9999px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s;font-weight:500}.filter-btn:hover{background-color:hsl(var(--accent));color:hsl(var(--foreground))}.filter-btn.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.track-card{background-color:hsl(var(--card));border-radius:var(--radius);overflow:hidden;transition:all .3s;cursor:pointer;border:1px solid hsl(var(--border))}.track-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px hsla(var(--foreground) / .15)}.track-card-image{position:relative;height:200px;overflow:hidden}.track-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.track-card:hover .track-card-image img{transform:scale(1.05)}.track-card-overlay{position:absolute;top:1rem;right:1rem}.track-difficulty{background-color:#000000b3;color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.track-card-content{padding:1.5rem}.track-card-content h4{font-size:1.125rem;margin-bottom:.5rem}.track-info{color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:1rem}.track-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tag{background-color:hsl(var(--accent));color:hsl(var(--foreground));padding:.25rem .75rem;border-radius:9999px;font-size:.75rem}.track-card-link{color:hsl(var(--primary));text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;transition:gap .2s}.track-card-link:hover{gap:.5rem}.track-selector-cta{text-align:center}.racecraft-preview{padding:5rem 0;background-color:hsl(var(--card))}.dark .racecraft-preview{background-color:hsl(var(--background))}.racecraft-header{text-align:center;margin-bottom:3rem}.racecraft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.racecraft-card{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:2rem;text-align:center;transition:all .2s}.dark .racecraft-card{background-color:hsl(var(--card))}.racecraft-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px hsla(var(--foreground) / .1);border-color:hsl(var(--primary) / .3)}.racecraft-icon{font-size:3rem;margin-bottom:1rem;display:block}.racecraft-card h3{font-size:1.25rem;margin-bottom:1rem}.racecraft-card p{color:hsl(var(--foreground));opacity:.8;margin-bottom:1.5rem;line-height:1.6}.racecraft-link{color:hsl(var(--primary));text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;transition:gap .2s}.racecraft-link:hover{gap:.5rem}.universal-preview{padding:5rem 0;background-color:hsl(var(--background))}.universal-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.universal-text{max-width:600px}.section-lead{font-size:1.25rem;line-height:1.8;color:hsl(var(--foreground));opacity:.85;margin-bottom:2rem}.universal-topics{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.topic-item{display:flex;gap:1rem;align-items:flex-start}.topic-icon{font-size:2rem;color:hsl(var(--primary));flex-shrink:0}.topic-item h4{font-size:1.125rem;margin-bottom:.25rem}.topic-item p{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.universal-visual{background-color:hsl(var(--card));border-radius:calc(var(--radius) * 2);padding:3rem;box-shadow:0 10px 30px hsla(var(--foreground) / .1)}.skill-chart{display:flex;flex-direction:column;gap:2rem}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-label{font-weight:600;color:hsl(var(--foreground))}.skill-bar{height:12px;background-color:hsl(var(--border));border-radius:9999px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--primary) / .7));border-radius:9999px;transition:width 1s ease-out;animation:skillFill 2s ease-out}@keyframes skillFill{0%{width:0}}.car-guides-section{padding:5rem 0}.car-progress-overview{margin-bottom:3rem}.progress-card{background-color:hsl(var(--primary) / .05);border:1px solid hsl(var(--primary) / .2);border-radius:calc(var(--radius) * 2);padding:2rem;max-width:600px;margin:0 auto}.progress-card h3{text-align:center;margin-bottom:1.5rem;color:hsl(var(--primary))}.progress-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.stat{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:hsl(var(--foreground))}.stat-label{font-size:.875rem;color:hsl(var(--muted-foreground))}.overall-progress{display:flex;align-items:center;gap:1rem}.progress-bar-wrapper{flex:1;height:12px;background-color:hsl(var(--border));border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--primary) / .7));transition:width 1s ease-out}.progress-text{font-weight:600;color:hsl(var(--primary));white-space:nowrap}.car-card-enhanced{position:relative;overflow:hidden;transition:all .3s;height:100%}.car-card-badge{position:absolute;top:1rem;right:1rem;background-color:#16a34a;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;z-index:10}.car-card-image{position:relative;height:200px;overflow:hidden;margin:-2rem -2rem 1rem}.car-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.car-card:hover .car-card-image img{transform:scale(1.05)}.car-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,hsla(0 0% 0% / .8),transparent);padding:1rem;opacity:0;transition:opacity .3s}.car-card:hover .car-card-overlay{opacity:1}.quick-stats{display:flex;gap:1rem;color:#fff;font-size:.75rem;font-weight:600}.car-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid hsl(var(--border) / .3)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:hsl(var(--muted-foreground))}.detail-value{font-weight:500;color:hsl(var(--foreground))}.difficulty-stars{display:flex;gap:.25rem}.star{color:hsl(var(--border));font-size:1rem}.star.filled{color:hsl(var(--primary))}.car-progress{margin-bottom:1.5rem}.progress-bar{height:8px;background-color:hsl(var(--border));border-radius:9999px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--primary) / .7));transition:width .5s ease-out}.progress-label{font-size:.75rem;color:hsl(var(--muted-foreground))}.btn-block{width:100%;justify-content:space-between}.btn-arrow{transition:transform .2s}.btn:hover .btn-arrow{transform:translate(3px)}.quick-links{padding:4rem 0;background-color:hsl(var(--card))}.dark .quick-links{background-color:hsl(var(--background))}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:3rem}.quick-link-category h3{font-size:1.125rem;margin-bottom:1rem;color:hsl(var(--foreground))}.quick-link-category ul{list-style:none;padding:0}.quick-link-category li{margin-bottom:.75rem}.quick-link-category a{color:hsl(var(--muted-foreground));text-decoration:none;transition:all .2s;display:inline-flex;align-items:center}.quick-link-category a:hover{color:hsl(var(--primary));transform:translate(3px)}.footer-enhanced{background-color:hsl(var(--card));border-top:1px solid hsl(var(--border));margin-top:0}.dark .footer-enhanced{background-color:hsl(var(--background))}.footer-top{padding:4rem 0 3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:3rem}.footer-logo{font-size:1.5rem;font-weight:700;color:hsl(var(--primary));margin-bottom:1rem}.footer-description{color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.social-link{color:hsl(var(--muted-foreground));text-decoration:none;padding:.5rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);transition:all .2s}.social-link:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.footer-links h4{font-size:1rem;margin-bottom:1rem;color:hsl(var(--foreground))}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s}.footer-links a:hover{color:hsl(var(--primary))}.footer-newsletter h4{font-size:1rem;margin-bottom:.5rem;color:hsl(var(--foreground))}.footer-newsletter p{color:hsl(var(--muted-foreground));margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem 1rem;background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground))}.dark .newsletter-input{background-color:hsl(var(--card))}.newsletter-input:focus{outline:none;border-color:hsl(var(--primary))}.footer-bottom{background-color:hsl(var(--background));padding:2rem 0;text-align:center;border-top:1px solid hsl(var(--border))}.dark .footer-bottom{background-color:#00000080}.footer-bottom p{margin:0;color:hsl(var(--muted-foreground))}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;z-index:100}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 10px 20px hsla(var(--primary) / .3)}@media (max-width: 1024px){.featured-track-card{grid-template-columns:1fr}.featured-track-image{height:300px}.universal-content{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-stats{grid-template-columns:1fr;gap:2rem}.track-features,.racecraft-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}}