@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@300;400;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#fff9;--accent-color:#00d4ff;--font-main:"Oxanium", sans-serif;--font-mono:"Space Mono", monospace;--frame-padding:2vw}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.65;background-color:#0000;background-image:linear-gradient(#00d4ff04 1px,#0000 1px),linear-gradient(90deg,#00d4ff04 1px,#0000 1px);background-position:50%;background-repeat:repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100vw;height:100vh;position:fixed;top:0;left:0}.custom-cursor{background:var(--accent-color);pointer-events:none;z-index:9999;mix-blend-mode:screen;width:10px;height:10px;box-shadow:0 0 10px var(--accent-color), 0 0 20px var(--accent-color);border-radius:50%;transition:transform .1s ease-out;position:fixed}.custom-cursor-follower{pointer-events:none;z-index:9998;border:1px solid #00d4ff4d;border-radius:50%;width:40px;height:40px;transition:transform .15s ease-out;position:fixed}.hud-frame{top:var(--frame-padding);left:var(--frame-padding);right:var(--frame-padding);bottom:var(--frame-padding);pointer-events:none;z-index:100;border:1px solid #00d4ff1a;border-radius:20px;position:fixed;box-shadow:inset 0 0 50px #00d4ff0d}.hud-frame:before,.hud-frame:after{content:"";border-style:solid;border-color:#00d4ff80;width:20px;height:20px;position:absolute}.hud-frame:before{border-width:2px 0 0 2px;border-top-left-radius:20px;top:-1px;left:-1px}.hud-frame:after{border-width:0 2px 2px 0;border-bottom-right-radius:20px;bottom:-1px;right:-1px}.nav-capsule{top:calc(var(--frame-padding) + 20px);right:calc(var(--frame-padding) + 20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:5px;display:flex;position:fixed}.nav-capsule a{color:var(--text-secondary);z-index:2;border-radius:25px;padding:10px 25px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-capsule a.active{color:#000;background:#fff}.nav-capsule a:hover:not(.active){color:#fff}.main-container{z-index:10;width:100vw;height:100vh;position:absolute;top:0;left:0}.canvas-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;height:100vh;overflow-y:scroll}.snap-container::-webkit-scrollbar{display:none}.snap-section{scroll-snap-align:start;z-index:2;flex-direction:column;justify-content:center;width:100%;height:100vh;padding:0 10vw;display:flex;position:relative}.mono{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;font-size:.8rem}h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:1}h2{margin-bottom:30px;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1}p{color:var(--text-secondary);max-width:600px;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.6}.side-badge{right:calc(var(--frame-padding) - 20px);color:#000;letter-spacing:.1em;z-index:100;background:#fff;padding:10px 30px;font-size:1rem;font-weight:800;position:fixed;top:50%;transform:translateY(-50%)rotate(90deg)}.scroll-progress{left:calc(var(--frame-padding) + 30px);z-index:100;flex-direction:column;align-items:center;gap:15px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.scroll-progress .dot{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;transition:all .3s}.scroll-progress .dot.active{background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transform:scale(1.5)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;margin-top:20px;display:grid}.service-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff05;border:1px solid #00d4ff1a;border-radius:15px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);width:100%;height:2px;transition:transform .5s;position:absolute;top:0;left:0;transform:translate(-100%)}.service-card:hover{background:#00d4ff08;border-color:#00d4ff4d;transform:translateY(-5px);box-shadow:0 0 20px #00d4ff0d}.service-card:hover:before{transform:translate(100%)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;width:100%;display:grid}.project-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:15px;padding:30px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-overlay{opacity:0;background:radial-gradient(circle at 100% 100%,#00d4ff14,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.project-card:hover{border-color:#ffffff26;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 30px #0000004d}.project-card:hover .project-overlay{opacity:1}.project-content{z-index:2;position:relative}.hero-container{text-align:left;max-width:80%}.about-tabs{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding-bottom:10px;display:flex}.contact-links{gap:30px;margin-top:40px;display:flex}.work-page-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 10vw;display:flex}.physics-sandbox-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:1px solid #00d4ff33;border-radius:20px;width:100%;height:70vh;overflow:hidden}@media (width<=768px){html,body{height:auto!important;overflow:hidden auto!important}.main-container{z-index:10;width:100%!important;height:auto!important;position:relative!important}.snap-container{scroll-snap-type:none!important;height:auto!important;overflow-y:visible!important}.snap-section{scroll-snap-align:none!important;justify-content:center!important;height:auto!important;min-height:100vh!important;padding:100px 6vw 60px!important}.side-badge,.scroll-progress,.custom-cursor,.custom-cursor-follower{display:none!important}.hud-frame{border-radius:12px!important;inset:10px!important}.hud-frame:before{border-top-left-radius:12px!important}.hud-frame:after{border-bottom-right-radius:12px!important}h1{margin-bottom:15px!important;font-size:clamp(2.2rem,8vw,3.5rem)!important;line-height:1.15!important}h2{margin-bottom:20px!important;font-size:clamp(1.8rem,6vw,2.4rem)!important;line-height:1.2!important}p{font-size:1.05rem!important;line-height:1.55!important}.hero-container{max-width:100%!important}.services-grid{grid-template-columns:1fr!important;gap:16px!important;margin-top:15px!important}.portfolio-grid{grid-template-columns:1fr!important;gap:20px!important}.service-card,.project-card{border-radius:12px!important;padding:20px!important}.about-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none!important;flex-wrap:nowrap!important;width:100%!important;margin-bottom:20px!important;padding-bottom:15px!important;overflow-x:auto!important}.about-tabs::-webkit-scrollbar{display:none!important}.contact-links{flex-wrap:wrap!important;justify-content:center!important;gap:20px!important;margin-top:30px!important}.work-page-container{height:auto!important;min-height:100vh!important;padding:0 4vw!important}.physics-sandbox-wrapper{border-radius:12px!important;height:60vh!important}.physics-title-container h2{font-size:1.4rem!important}.physics-title-container p{font-size:.8rem!important}}@media (width<=480px){.snap-section{padding:80px 5vw 40px!important}h1{font-size:2rem!important}h2{font-size:1.6rem!important}p{font-size:.95rem!important}.contact-links{gap:15px!important}}