:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--accent: #e63946;--accent-glow: rgba(230, 57, 70, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.page{overflow-x:hidden}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(230,57,70,.15),transparent),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(69,123,157,.12),transparent),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(244,162,97,.08),transparent);animation:heroPulse 8s ease-in-out infinite alternate}@keyframes heroPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none}.hero-content{position:relative;text-align:center;padding:2rem;max-width:700px}.hero-tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);padding:.35rem 1rem;border-radius:.25rem;margin-bottom:2rem}.hero-title{font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.9;letter-spacing:-.04em;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 40%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title-accent{background:linear-gradient(135deg,var(--accent),#f4a261);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.15rem;color:var(--text-muted);max-width:500px;margin:0 auto 2.5rem;line-height:1.7}.hero-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.hero-stat-num{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.hero-stat-divider{width:1px;height:2.5rem;background:var(--border)}.section{padding:5rem 1.5rem}.section-inner{max-width:1100px;margin:0 auto}.section-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem;text-align:center}.section-sub{text-align:center;color:var(--text-muted);font-size:.95rem;margin-bottom:2.5rem}.about{background:linear-gradient(180deg,transparent,rgba(230,57,70,.03),transparent)}.about-text{color:var(--text-muted);font-size:1.05rem;line-height:1.8;text-align:center;max-width:750px;margin:1.5rem auto 0}.about-text+.about-text{margin-top:1rem}.cars-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.car-list{display:flex;flex-direction:column;gap:.5rem}.car-card{display:block;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.85rem 1rem;cursor:pointer;transition:all .2s;text-align:left;color:var(--text);font-family:inherit}.car-card:hover{background:#ffffff0f}.car-card.active{background:#ffffff0f;border-width:2px}.car-card-header h3{font-size:.95rem;font-weight:700;margin-top:.4rem}.car-type-badge{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:.15rem .5rem;border-radius:.2rem;color:#fff}.car-type-badge.large{font-size:.7rem;padding:.25rem .7rem}.car-detail{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:2rem;border-left-width:4px;transition:border-color .3s}.car-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.car-detail-header h3{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;transition:color .3s}.car-desc{color:var(--text-muted);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.car-stats{display:flex;flex-direction:column;gap:.75rem}.stat-bar{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:.75rem}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stat-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px;transition:width .5s ease,background .3s}.stat-value{font-size:.75rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.features-section{background:linear-gradient(180deg,transparent,rgba(69,123,157,.03),transparent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.75rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.feature-icon{font-size:1.8rem;display:block;margin-bottom:.75rem}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.feature-card p{font-size:.88rem;color:var(--text-muted);line-height:1.65}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.track-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.1rem 1.5rem;transition:border-color .2s}.track-card:hover{border-color:#ffffff26}.track-info h3{font-size:1rem;font-weight:700;margin-bottom:.2rem}.track-env{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.track-diff{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.track-diff>span{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.difficulty{font-size:.65rem;letter-spacing:.1em}.dot{color:#ffffff1f}.dot.filled{color:var(--accent)}.cta-section{background:linear-gradient(180deg,transparent,rgba(230,57,70,.06))}.cta-inner{text-align:center;max-width:550px}.cta-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem}.cta-text{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--accent),#c1121f);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.04em;padding:.9rem 2.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 24px var(--accent-glow)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 32px #e6394666}.cta-button:active{transform:translateY(0)}.footer{text-align:center;padding:2rem 1rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border)}@media(max-width:768px){.cars-layout{grid-template-columns:1fr}.car-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.hero-stats{gap:1rem}.hero-stat-num{font-size:1.4rem}.features-grid,.tracks-grid{grid-template-columns:1fr}}