*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #faf8f5;--bg-secondary: #f5f1eb;--bg-tertiary: #ede8e0;--text-primary: #2d2d2d;--text-secondary: #5a5a5a;--text-tertiary: #8a8a8a;--accent-primary: #d4a574;--accent-secondary: #c89f6d;--accent-tertiary: #b89366;--border-color: #e0d9ce;--card-bg: #ffffff;--shadow-sm: rgba(45, 45, 45, .05);--shadow-md: rgba(45, 45, 45, .1);--shadow-lg: rgba(45, 45, 45, .15)}[data-theme=dark]{--bg-primary: #1a1a1f;--bg-secondary: #222228;--bg-tertiary: #2a2a32;--text-primary: #e8e8e8;--text-secondary: #b8b8b8;--text-tertiary: #888888;--accent-primary: #7a9cc6;--accent-secondary: #6a8cb6;--accent-tertiary: #5a7ca6;--border-color: #333339;--card-bg: #25252d;--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .4s ease,color .4s ease;line-height:1.6}#root{min-height:100vh;width:100%;position:relative;z-index:1}.app{min-height:100vh;width:100%;position:relative;scroll-snap-type:y proximity}.scroll-animate{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.theme-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-md)}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px var(--shadow-lg);border-color:var(--accent-primary)}.theme-toggle:active{transform:scale(.95)}.theme-icon{color:var(--accent-primary);transition:transform .4s ease,color .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);position:relative;overflow:hidden;z-index:1}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,var(--accent-primary) 0%,transparent 50%);opacity:.1;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.15;transform:scale(1.1)}}.hero-content{text-align:center;z-index:1;padding:2rem;max-width:900px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin-bottom:1.5rem;line-height:1.2}.title-line{display:block;transition:all .3s ease}.title-line.highlight{color:var(--accent-primary);position:relative;display:inline-block;cursor:pointer}.title-line.highlight:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--accent-primary);opacity:.3;border-radius:2px;transition:height .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease}.title-line.highlight:hover:after{height:100%;opacity:.15;z-index:-1}.hero-subtitle{font-size:clamp(2rem,5vw,4rem);font-weight:600;color:var(--accent-primary);margin-bottom:1rem;font-family:Courier New,monospace;letter-spacing:.1em}.hero-description{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--accent-primary);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.content-section,.interactive-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;scroll-snap-align:start;z-index:1}.content-section:last-of-type{min-height:auto;padding-bottom:4rem}.section-content{max-width:1200px;width:100%;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-content h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:3rem;text-align:center;color:var(--text-primary);position:relative;padding-bottom:1rem}.section-content h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--accent-primary);border-radius:2px}.section-intro{text-align:center;font-size:1.3rem;color:var(--text-secondary);margin-bottom:3rem}.definition-card{background:var(--card-bg);border-radius:20px;padding:3rem;box-shadow:0 8px 32px var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.definition-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px var(--shadow-lg)}.formula-large{font-size:4rem;font-weight:700;text-align:center;color:var(--accent-primary);font-family:Courier New,monospace;margin-bottom:2rem}.formula-animation{position:relative;overflow:hidden}.formula-breakdown{background:var(--bg-secondary);border-radius:12px;padding:2rem;margin-bottom:2rem;border-left:4px solid var(--accent-primary);display:flex;flex-direction:column;gap:1.2rem}.breakdown-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:8px;transition:all .3s ease}.breakdown-item:hover{transform:translate(10px);box-shadow:0 4px 12px var(--shadow-md)}.breakdown-symbol{font-size:2rem;font-weight:700;color:var(--accent-primary);min-width:50px;text-align:center;font-family:Courier New,monospace}.breakdown-text{font-size:1.2rem;color:var(--text-primary)}.definition-text{font-size:1.2rem;line-height:1.8;color:var(--text-secondary);text-align:justify}.car-example{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.example-card{background:var(--card-bg);border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px var(--shadow-md);border:1px solid var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.example-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,165,116,.1),transparent);transition:left .5s ease}.example-card:hover:before{left:100%}.example-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 12px 40px var(--shadow-lg);border-color:var(--accent-primary)}.card-icon{margin-bottom:1rem;display:block;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);color:var(--accent-primary);opacity:0;transform:translateY(20px)}.scroll-animate.visible .card-icon{opacity:1;transform:translateY(0)}.example-card:hover .card-icon{transform:translateY(-5px) scale(1.05)}.example-card h3{font-size:1.8rem;margin-bottom:1rem;color:var(--accent-primary);font-weight:700}.example-card p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.interactive-section{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.simulation-container{background:var(--card-bg);border-radius:24px;padding:3rem;box-shadow:0 12px 48px var(--shadow-lg);border:1px solid var(--border-color)}.simulation-controls{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.control-group{display:flex;flex-direction:column;gap:.8rem}.control-group label{font-size:1.2rem;font-weight:600;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;gap:1rem}.control-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-primary);transition:transform .3s ease;width:24px;height:24px}.control-group:hover .control-icon{transform:scale(1.1) rotate(5deg)}.value{color:var(--accent-primary);font-weight:700;font-size:1.3rem}.slider{width:100%;height:8px;border-radius:4px;background:var(--bg-secondary);outline:none;-webkit-appearance:none;appearance:none;transition:all .3s ease}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 8px var(--shadow-md);transition:all .3s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--accent-secondary);box-shadow:0 4px 12px var(--shadow-lg)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 2px 8px var(--shadow-md);transition:all .3s ease}.slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--accent-secondary)}.slider:disabled{opacity:.5;cursor:not-allowed}.simulation-buttons{display:flex;gap:1rem;flex-wrap:wrap}.sim-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.sim-button.start{background:var(--accent-primary);color:#fff}.sim-button.start:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.sim-button.stop{background:#e74c3c;color:#fff}.sim-button.stop:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-md)}.sim-button.reset{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color)}.sim-button.reset:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px)}.sim-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.simulation-display{display:flex;flex-direction:column;gap:2rem}.physics-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;background:var(--bg-secondary);border-radius:16px;padding:2rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.9rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.info-value{font-size:1.8rem;font-weight:700;color:var(--accent-primary);font-family:Courier New,monospace}.track-container{background:var(--bg-secondary);border-radius:16px;padding:3rem 2rem;position:relative;overflow:hidden}.track{position:relative;height:120px;background:linear-gradient(to bottom,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-radius:12px;border:2px solid var(--border-color)}.track-line{position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(to right,var(--text-tertiary) 0px,var(--text-tertiary) 20px,transparent 20px,transparent 40px);opacity:.5}.animated-car{position:absolute;top:50%;transform:translateY(-50%);color:var(--accent-primary);z-index:10;filter:drop-shadow(0 4px 12px var(--shadow-md));transition:filter .3s ease}.animated-car:hover{filter:drop-shadow(0 6px 16px var(--shadow-lg))}.track-markers{position:absolute;inset:0;pointer-events:none}.track-marker{position:absolute;top:0;bottom:0;width:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px}.marker-line{width:2px;height:20px;background:var(--text-tertiary);opacity:.3}.marker-label{font-size:.7rem;color:var(--text-tertiary);margin-top:5px;font-weight:600}.formula-display{background:var(--bg-secondary);border-radius:16px;padding:2rem;border-left:4px solid var(--accent-primary)}.formula-visual{display:flex;flex-direction:column;gap:1.5rem}.formula-part{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.5rem;font-weight:700;font-family:Courier New,monospace;padding:1.5rem;background:var(--card-bg);border-radius:12px}.formula-symbol{color:var(--accent-primary);transition:transform .3s ease}.formula-symbol:hover{transform:scale(1.2)}.formula-equals,.formula-times{color:var(--text-primary);margin:0 .5rem}.formula-values{display:flex;flex-direction:column;gap:.8rem}.formula-text{font-size:1.3rem;margin:0;color:var(--text-primary);font-family:Courier New,monospace}.formula-text strong{color:var(--accent-primary);font-size:1.4rem}.graphs-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.graph-container{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-md);transition:all .3s ease}.graph-container:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-lg)}.graph-label{text-align:center;margin-top:.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:600}.applications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.app-card{background:var(--card-bg);border-radius:20px;padding:2.5rem 2rem;text-align:center;box-shadow:0 4px 20px var(--shadow-md);border:1px solid var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.app-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,165,116,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.app-card:hover:after{opacity:1}.app-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 16px 48px var(--shadow-lg);border-color:var(--accent-primary)}.app-icon{margin-bottom:1.5rem;display:block;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 8px var(--shadow-sm));color:var(--accent-primary);opacity:0;transform:translateY(20px)}.scroll-animate.visible .app-icon{opacity:1;transform:translateY(0)}.app-card:hover .app-icon{transform:translateY(-8px) scale(1.1) rotate(5deg)}.app-card h3{font-size:1.6rem;margin-bottom:1rem;color:var(--accent-primary);font-weight:700}.app-card p{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.footer{background:var(--bg-secondary);padding:3rem 2rem;text-align:center;border-top:1px solid var(--border-color);position:relative;min-height:150px;display:flex;align-items:center;justify-content:center;width:100%;margin-top:0}.footer p{font-size:1.1rem;color:var(--text-secondary)}.footer-name{color:var(--accent-primary);font-weight:600;font-size:1.2rem}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}[data-theme=dark] .particle-background{opacity:.2}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.hero-title .title-line{animation:fadeInUp .8s ease-out backwards}.hero-title .title-line:nth-child(1){animation-delay:.1s}.hero-title .title-line:nth-child(2){animation-delay:.3s}.hero-title .title-line:nth-child(3){animation-delay:.5s}@media(max-width:768px){.theme-toggle{top:1rem;right:1rem;width:40px;height:40px}.hero-content{padding:1rem}.content-section,.interactive-section{padding:2rem 1rem}.definition-card,.simulation-container{padding:2rem 1.5rem}.simulation-buttons{flex-direction:column}.sim-button{width:100%}.car-example,.applications-grid,.graphs-container{grid-template-columns:1fr}.formula-part{font-size:1.8rem}}