.project-page{padding-top:2rem;animation:fadeIn .8s ease-out;will-change:transform,opacity;background:var(--background);color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.physics-diagram{display:flex;flex-direction:column;gap:2rem;margin:2rem 0;background:#24383326;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}[data-theme=light] .physics-diagram{background:#24383314;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000000d}.physics-diagram:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}[data-theme=light] .physics-diagram:hover{box-shadow:0 8px 25px #00000014}.binary-wave-system{position:relative;width:100%;height:500px;background:#4d2c7a0d;border-radius:12px;overflow:hidden;margin:2rem 0;display:flex;align-items:center;justify-content:center}.spacetime-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.grid-line{position:absolute;background:#ffffff14;animation:gridWarp 4s ease-in-out infinite}[data-theme=light] .grid-line{background:#00000014}.grid-line.horizontal{width:100%;height:1px;left:0;top:calc(10% + var(--index) * 15%)}.grid-line.vertical{height:100%;width:1px;top:0;left:calc(10% + var(--index) * 15%)}@keyframes gridWarp{0%,to{transform:scale(1);opacity:.2}25%{transform:scale(1.01);opacity:.3}50%{transform:scale(1.02);opacity:.4}75%{transform:scale(1.01);opacity:.3}}.binary-system{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;z-index:3;animation:binaryOrbit 4s linear infinite}@keyframes binaryOrbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.black-hole{position:absolute;width:40px;height:40px;border-radius:50%}.bh-1{top:50%;left:20%;transform:translate(-50%,-50%)}.bh-2{top:50%;right:20%;transform:translate(50%,-50%)}.event-horizon{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9664ff33,#000);border:2px solid rgba(255,255,255,.3)}.accretion-disk{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,150,100,.4);animation:diskRotation 2s linear infinite}@keyframes diskRotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.wave-ripples{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.wave-ring{position:absolute;border:2px solid rgba(100,200,255,.4);border-radius:50%;animation:waveRipple 4s ease-out infinite;animation-delay:var(--delay)}@keyframes waveRipple{0%{width:50px;height:50px;top:-25px;left:-25px;opacity:.8}to{width:400px;height:400px;top:-200px;left:-200px;opacity:0}}.wave-explanation{background:#24383333;border-radius:12px;padding:2rem;margin-top:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}[data-theme=light] .wave-explanation{background:#2438331a;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000000d}.wave-explanation:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000001a}[data-theme=light] .wave-explanation:hover{box-shadow:0 6px 20px #00000014}.wave-physics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.physics-fact{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .physics-fact{background:#00000008;border:1px solid rgba(0,0,0,.1)}.fact-label{color:#fffc;font-weight:500}[data-theme=light] .fact-label{color:#1d1d1fcc}.fact-value{color:#64c8ffe6;font-weight:600;font-family:Courier New,monospace}[data-theme=light] .fact-value{color:#243833e6}.equation-box{background:#4d2c7a33;border-radius:8px;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(77,44,122,.3);text-align:center}[data-theme=light] .equation-box{background:#4d2c7a1a;border:1px solid rgba(77,44,122,.2)}.equation{font-size:1.25rem;font-weight:600;color:#ffffffe6;font-family:Courier New,monospace;margin-bottom:.5rem}[data-theme=light] .equation{color:#1d1d1fe6}.equation-desc{color:#ffffffb3;font-size:.9rem;font-style:italic}[data-theme=light] .equation-desc{color:#1d1d1fb3}.keplers-laws{display:flex;flex-direction:column;gap:3rem;margin:2rem 0}.law-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem;background:#24383326;border-radius:12px;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .law-section{background:#24383314;border:1px solid rgba(0,0,0,.1)}.law-visual{position:relative;height:300px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.ellipse-container{position:relative;width:280px;height:200px;display:flex;align-items:center;justify-content:center}.orbit-ellipse{width:240px;height:160px;border:2px solid rgba(255,255,255,.6);border-radius:50%;transform:scaleX(1.5);position:absolute}.focus-star{position:absolute;width:16px;height:16px;background:radial-gradient(circle,#ffeb3b,#ff9800);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) translate(-60px);box-shadow:0 0 8px #ffeb3b66}.focus-point{position:absolute;width:4px;height:4px;background:#ffffffb3;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) translate(60px)}.planet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:planetOrbit 8s linear infinite}.planet-body{width:10px;height:10px;background:radial-gradient(circle,#4fc3f7,#2196f3);border-radius:50%}@keyframes planetOrbit{0%{transform:translate(-50%,-50%) translate(-120px) scaleX(.67)}25%{transform:translate(-50%,-50%) translateY(-80px) scaleX(.67)}50%{transform:translate(-50%,-50%) translate(120px) scaleX(.67)}75%{transform:translate(-50%,-50%) translateY(80px) scaleX(.67)}to{transform:translate(-50%,-50%) translate(-120px) scaleX(.67)}}.orbit-labels{position:absolute;width:100%;height:100%}.perihelion,.aphelion{position:absolute;font-size:.75rem;color:#ffffffe6;background:#000000b3;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.perihelion{top:50%;left:50%;transform:translate(-50%,-50%) translate(-130px)}.aphelion{top:50%;left:50%;transform:translate(-50%,-50%) translate(130px)}.area-sweep-container{position:relative;width:280px;height:200px;display:flex;align-items:center;justify-content:center}.orbit-path{width:240px;height:160px;border:2px solid rgba(255,255,255,.5);border-radius:50%;transform:scaleX(1.5);position:absolute}.central-star{position:absolute;width:14px;height:14px;background:radial-gradient(circle,#ffeb3b,#ff9800);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) translate(-60px);box-shadow:0 0 6px #ffeb3b66}.planet-close,.planet-far{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#4fc3f7,#2196f3);border-radius:50%;top:50%;left:50%;animation:areaOrbit 6s linear infinite}.planet-close{animation-delay:0s}.planet-far{animation-delay:3s}@keyframes areaOrbit{0%{transform:translate(-50%,-50%) translate(-120px) scaleX(.67)}25%{transform:translate(-50%,-50%) translateY(-80px) scaleX(.67)}50%{transform:translate(-50%,-50%) translate(120px) scaleX(.67)}75%{transform:translate(-50%,-50%) translateY(80px) scaleX(.67)}to{transform:translate(-50%,-50%) translate(-120px) scaleX(.67)}}.swept-area{position:absolute;background:#ffc1074d;border:1px solid rgba(255,193,7,.6);top:50%;left:50%;transform-origin:0 0}.area-close{width:80px;height:25px;transform:translate(-60px,-50%) rotate(-15deg);animation:areaFlash 6s ease-in-out infinite}.area-far{width:60px;height:35px;transform:translate(60px,-50%) rotate(165deg);animation:areaFlash 6s ease-in-out infinite;animation-delay:3s}.velocity-arrow{position:absolute;width:20px;height:2px;background:#fffc;border-radius:1px;opacity:.7;transition:opacity .3s ease}.velocity-arrow:after{content:"";position:absolute;right:-3px;top:-2px;width:0;height:0;border-left:6px solid rgba(255,255,255,.8);border-top:3px solid transparent;border-bottom:3px solid transparent}.arrow-close{top:50%;left:50%;transform:translate(-50%,-50%) translate(-120px) rotate(-15deg)}.arrow-far{top:50%;left:50%;transform:translate(-50%,-50%) translate(120px) rotate(165deg)}@keyframes areaFlash{0%,90%,to{opacity:0}10%,80%{opacity:.7}}.harmonic-container{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.orbit-small,.orbit-medium,.orbit-large{position:absolute;border:2px solid rgba(255,255,255,.4);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-small{width:100px;height:100px}.orbit-medium{width:160px;height:160px}.orbit-large{width:220px;height:220px}.planet-small,.planet-medium,.planet-large{position:absolute;background:radial-gradient(circle,#4fc3f7,#2196f3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.planet-small{width:6px;height:6px;animation:harmonicOrbit1 3s linear infinite}.planet-medium{width:8px;height:8px;animation:harmonicOrbit2 5.3s linear infinite}.planet-large{width:10px;height:10px;animation:harmonicOrbit3 8.1s linear infinite}@keyframes harmonicOrbit1{0%{transform:translate(-50%,-50%) rotate(0) translate(50px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(50px)}}@keyframes harmonicOrbit2{0%{transform:translate(-50%,-50%) rotate(0) translate(80px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(80px)}}@keyframes harmonicOrbit3{0%{transform:translate(-50%,-50%) rotate(0) translate(110px)}to{transform:translate(-50%,-50%) rotate(360deg) translate(110px)}}.central-star-small{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#ffeb3b,#ff9800);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffeb3b4d}.period-label{position:absolute;font-size:.7rem;color:#fffc;background:#000000b3;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.orbit-small .period-label{top:-35px;left:50%;transform:translate(-50%)}.orbit-medium .period-label{top:-45px;left:50%;transform:translate(-50%)}.orbit-large .period-label{top:-55px;left:50%;transform:translate(-50%)}.law-explanation{padding:0}.law-explanation h3{color:#ffffffe6;margin-bottom:1rem;font-size:1.25rem}[data-theme=light] .law-explanation h3{color:#1d1d1fe6}.law-explanation p{color:#fffc;line-height:1.6;margin-bottom:1.5rem}[data-theme=light] .law-explanation p{color:#1d1d1fcc}.escape-velocity-system{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem;background:#24383326;border-radius:12px;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .escape-velocity-system{background:#24383314;border:1px solid rgba(0,0,0,.1)}.energy-well-container{position:relative;height:400px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .energy-well-container{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.potential-well{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px}.well-surface{width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,0,0,.8) 0%,rgba(77,44,122,.2) 30%,transparent 70%);border-radius:50%}.central-mass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,#4fc3f7,#2196f3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;box-shadow:0 0 10px #4fc3f74d}.energy-levels{position:absolute;top:0;left:0;width:100%;height:100%}.energy-line{position:absolute;display:flex;align-items:center;width:80%;left:10%}.bound-energy{top:70%}.escape-energy{top:50%}.hyperbolic-energy{top:30%}.energy-marker{width:8px;height:8px;border-radius:50%;background:#fffc;margin-right:.5rem}.energy-label{font-size:.8rem;color:#ffffffe6;background:#000000b3;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2)}[data-theme=light] .energy-label{color:#1d1d1fe6;background:#ffffffe6;border:1px solid rgba(0,0,0,.2)}.orbital-trajectories{position:absolute;top:0;left:0;width:100%;height:100%}.trajectory{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circular-orbit{width:100px;height:100px}.circular-orbit .orbit-path{width:100%;height:100%;border:2px solid rgba(100,255,100,.6);border-radius:50%;box-shadow:0 0 5px #64ff6433}.elliptical-orbit{width:140px;height:80px}.elliptical-orbit .orbit-path{width:100%;height:100%;border:2px solid rgba(255,255,100,.6);border-radius:50%;box-shadow:0 0 5px #ffff6433}.escape-path{width:180px;height:120px}.escape-path .orbit-path{width:100%;height:100%;border:2px solid rgba(255,100,100,.6);border-radius:50%;transform:scaleX(1.5);box-shadow:0 0 5px #ff646433}.satellite{position:absolute;width:6px;height:6px;background:#ffffffe6;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.circular-orbit .satellite{animation:satelliteOrbit1 4s linear infinite}.elliptical-orbit .satellite{animation:satelliteOrbit2 6s linear infinite}.escape-path .satellite{animation:satelliteEscape 8s linear infinite}@keyframes satelliteOrbit1{0%{transform:translate(-50%) rotate(0) translate(50px)}to{transform:translate(-50%) rotate(360deg) translate(50px)}}@keyframes satelliteOrbit2{0%{transform:translate(-50%) rotate(0) translate(70px) scaleX(.57)}to{transform:translate(-50%) rotate(360deg) translate(70px) scaleX(.57)}}@keyframes satelliteEscape{0%{transform:translate(-50%) rotate(0) translate(90px) scaleX(.67)}to{transform:translate(-50%) rotate(180deg) translate(180px) scaleX(.67)}}.escape-physics h3{color:#ffffffe6;margin-bottom:1.5rem;font-size:1.25rem}.energy-balance{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.equation-step{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.step-label{color:#fffc;font-weight:500;min-width:120px}.equation.major{font-size:1.1rem;color:#ffff64e6;font-weight:700}.escape-examples{display:grid;grid-template-columns:1fr;gap:.75rem}.example-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.body-name{color:#fffc;font-weight:500}.velocity-value{color:#64c8ffe6;font-weight:600;font-family:Courier New,monospace}.project-header{position:relative;padding:4rem 0;background:linear-gradient(135deg,#4d2c7a1a,#2438331a);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .project-header{background:linear-gradient(135deg,#4d2c7a0d,#2438330d);border-bottom:1px solid rgba(0,0,0,.1)}.project-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(77,44,122,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(36,56,51,.1) 0%,transparent 50%);pointer-events:none}.project-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.project-header>.container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:#fffc;text-decoration:none;margin-bottom:2rem;cursor:pointer;transition:color .2s ease}[data-theme=light] .back-button{color:#1d1d1fcc}.back-button:hover{color:#fff}[data-theme=light] .back-button:hover{color:#1d1d1f}.project-title{font-size:3rem;font-weight:700;color:#fffffff2;margin-bottom:1rem;line-height:1.2}[data-theme=light] .project-title{color:#1d1d1ff2}.project-subtitle{font-size:1.25rem;color:#fffc;line-height:1.6;margin-bottom:2rem}[data-theme=light] .project-subtitle{color:#1d1d1fcc}.section-heading{font-size:2rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem;position:relative}[data-theme=light] .section-heading{color:#1d1d1fe6}.section-heading:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:3px;background:linear-gradient(90deg,#4d2c7acc,#243833cc);border-radius:2px}.section-description{font-size:1.1rem;color:#fffc;line-height:1.7;margin-bottom:2rem;max-width:800px}[data-theme=light] .section-description{color:#1d1d1fcc}.project-meta{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}[data-theme=light] .meta-label{color:#1d1d1f99}.meta-value{font-size:1.1rem;color:#ffffffe6;font-weight:600}[data-theme=light] .meta-value{color:#1d1d1fe6}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#4d2c7a4d;color:#ffffffe6;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(77,44,122,.5);transition:all .2s ease}.tag:hover{background:#4d2c7a80;transform:translateY(-1px)}.project-links{display:flex;gap:1rem}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease}.project-link.demo{background:#4d2c7a4d;color:#ffffffe6;border:1px solid rgba(77,44,122,.5)}.project-link.github{background:#2438334d;color:#ffffffe6;border:1px solid rgba(36,56,51,.5)}.project-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.project-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.project-article{max-width:none}.content-section{margin-bottom:4rem}@media (max-width: 768px){.project-title{font-size:2rem}.section-heading{font-size:1.5rem}.law-section,.escape-velocity-system{grid-template-columns:1fr;gap:1.5rem}.law-visual{height:250px}.energy-well-container{height:300px}}@media (max-width: 480px){.project-header>.container{padding:0 1rem}.project-content{padding:2rem 1rem}.physics-diagram{padding:1rem}.project-meta{flex-direction:column;gap:1rem}.project-links{flex-direction:column}}