:root{--neon-cyan:#0ff;--neon-pink:#f0f;--bg-color:#050505;--card-bg:#0f0f0ff2;--text-primary:#fff;--text-secondary:#ccc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-color);height:100%;overflow:hidden}.app-container{perspective:1500px;background:radial-gradient(circle,#111 0%,#050505 100%);width:100vw;height:100vh;position:relative}.project-section{pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .8s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:0;left:0}.project-section.active{opacity:1;pointer-events:all;z-index:10;transform:translateZ(0)translateY(0)}.project-section.past{opacity:0;z-index:20;transform:translateY(-120vh)rotateX(15deg)scale(.8)}.project-section.future{opacity:0;z-index:5;transform:translateZ(-200px)translateY(100vh)}.project-section.future-1{opacity:1;z-index:9;transform:translateZ(-100px)translateY(40px)scale(.95)}.project-section.future-2{opacity:.5;z-index:8;transform:translateZ(-200px)translateY(80px)scale(.9)}.project-background{z-index:1;opacity:.2;filter:blur(80px);width:100%;height:100%;position:absolute;top:0;left:0}.info-card{z-index:2;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);text-align:center;width:85%;max-width:700px;transform-style:preserve-3d;border:1px solid #ffffff26;border-radius:3rem;padding:3.5rem;position:relative;box-shadow:0 30px 60px #000c,0 0 20px #ffffff0d}.project-title{background:linear-gradient(45deg, var(--neon-cyan), var(--neon-pink));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #00ffff4d);-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.project-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.tags{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.tag{color:var(--neon-cyan);background:#ffffff14;border:1px solid #0ff3;border-radius:2rem;padding:.4rem 1rem;font-size:.85rem}.visit-button{background:var(--neon-cyan);color:#000;border-radius:1.25rem;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #0ff6}.visit-button:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 0 30px #0ff9}.nav-dots{z-index:1000;flex-direction:column;gap:1.25rem;padding:1rem .5rem;display:flex;position:fixed;top:50%;left:1.5rem;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:#fff3;border:1.5px solid #0000;border-radius:50%;width:10px;height:10px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.nav-dot:hover{background:#ffffff80;transform:scale(1.3)}.nav-dot.active{background:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan);border-color:#ffffff1a;transform:scale(1.6)}@media (width<=768px){.nav-dots{gap:1rem;left:.75rem}.nav-dot{width:8px;height:8px}.project-title{font-size:2.25rem}.info-card{width:calc(100% - 4rem);margin-left:2rem;padding:2rem 1.5rem}.project-description{font-size:1.1rem}}