:root{--bg-deep: #051525;--bg-space: #102A43;--bg-atmos: #243B53;--text-main: #F0F4F8;--text-muted: #9FB3C8;--accent-teal: #3EBD93;--accent-orange: #FF9F1C;--stage-width: 100vw;--stage-height: 100vh}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-deep);color:var(--text-main);overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}#stage{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}#ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;pointer-events:none}#ui-layer .audio-btn{pointer-events:auto}#debug-overlay{position:absolute;top:1rem;right:1rem;background:#000000b3;padding:.5rem 1rem;border-radius:8px;font-family:Courier New,monospace;font-weight:700;color:#0f0;border:1px solid #00ff00;pointer-events:auto}#scroll-tutorial{position:absolute;bottom:10%;left:50%;transform:translate(276%) translateY(-78%);display:flex;flex-direction:column;align-items:center;scale:200%;gap:1rem;pointer-events:none;opacity:1;transition:opacity .5s ease;z-index:2002}#scroll-tutorial.hidden{opacity:0}.mouse-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.wheel-anim{transform-origin:center;animation:wheelScroll 1.5s ease-in-out infinite}@keyframes wheelScroll{0%{transform:translateY(-2px);opacity:0}20%{transform:translateY(-2px);opacity:1}80%{transform:translateY(4px);opacity:1}to{transform:translateY(4px);opacity:0}}.drag-arrow{margin-top:-5px;animation:arrowDrag 1.5s ease-in-out infinite;opacity:.8}@keyframes arrowDrag{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}#scroll-tutorial p{font-family:Orbitron,monospace;color:#fffc;text-align:center;font-size:.9rem;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.audio-btn{position:fixed;bottom:2rem;right:2rem;background:#102a434d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2001;color:var(--text-muted);transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.audio-btn:hover{background:#102a43cc;color:var(--accent-teal);transform:scale(1.1);border-color:var(--accent-teal)}.audio-btn svg{width:20px;height:20px}.audio-btn.muted{opacity:.5;color:#ff6b6b}.layer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform,opacity}#bg-gradient{background:linear-gradient(to bottom,#000,#051525 20%,#102a43 50%,#243b53,#48c6ef 90%,#acf0f2);height:500vh;transform:translateY(-80%)}#stars-container{background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 3px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;opacity:0;width:200%;left:0}#sky-title{display:flex;flex-direction:column;justify-content:center;align-items:center;top:-30vh;width:100%;text-align:center;z-index:5;color:#ffffffe6;text-shadow:0 4px 10px rgba(245,235,235,.2)}#sky-title h1{font-size:5rem;font-weight:800;letter-spacing:.5rem;margin-bottom:.1rem;background:linear-gradient(to bottom,#fff,#e6eef7);-webkit-background-clip:text;background-clip:text;text-shadow:0 4px 10px rgba(245,235,235,.2);-webkit-text-fill-color:transparent}#sky-title p{font-size:2.5rem;font-weight:400;letter-spacing:.05rem;text-shadow:0 4px 10px rgba(245,196,196,.2);color:#e6eef7}#intro-message{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;pointer-events:none;opacity:0;z-index:0;perspective:1000px}.intro-text{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.intro-text h2{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,5rem);font-weight:900;position:relative;text-transform:uppercase;letter-spacing:clamp(2px,1vw,10px);word-wrap:break-word;filter:drop-shadow(0 0 15px rgba(62,189,147,.5));opacity:0;transform:translateZ(-200px);background:linear-gradient(to right,white 50%,transparent 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px rgba(255,255,255,.8);color:transparent;transition:background-position 1.5s cubic-bezier(.22,1,.36,1)}.intro-text h2.filled{background-position:0 0}.intro-text .separator{font-size:clamp(1.5rem,4vw,3rem);color:var(--accent-orange);text-shadow:0 0 20px var(--accent-orange);font-family:serif;font-style:italic;opacity:0;transform:scale(0) rotate(-45deg)}#ground-container{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:25;pointer-events:none;display:flex;align-items:flex-end}#ground-svg{width:100%;height:auto;display:block}#earth-container{position:absolute;top:100vh;left:50%;transform:translate(-50%);width:60vw;height:60vw;display:flex;justify-content:center;align-items:center;z-index:10;opacity:0}#earth-svg{width:100%;height:100%;animation:earthRotate 120s linear infinite}#rocket-container{position:absolute;width:10vw;height:24vw;bottom:3.2vw;left:50%;transform:translate(-50%);z-index:30}#rocket-svg{width:100%;height:100%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(0,242,254,.4));overflow:visible}#planets-layer{z-index:15}.planet-wrapper{position:absolute;top:100vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:0}.planet-svg{width:300px;height:300px;filter:drop-shadow(0 0 30px rgba(62,189,147,.2));transition:filter .5s ease}.planet-info{margin-top:0;background:linear-gradient(135deg,#102a4366,#102a431a);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2.5rem;border-radius:30px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #fff3,0 0 40px #3ebd9326;max-width:420px;text-align:center;transform:translateY(20px);opacity:0;color:var(--text-main);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;z-index:10;pointer-events:auto;transition:all .5s cubic-bezier(.23,1,.32,1)}.planet-info:hover{transform:translate(-50%,-52%) scale(1.02);background:linear-gradient(135deg,#102a43b3,#102a4366);box-shadow:0 30px 60px #0009,inset 0 0 0 1px #3ebd934d,0 0 50px #3ebd9333}.planet-info h2{font-family:Orbitron,sans-serif;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-teal),#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 15px rgba(62,189,147,.5)}.planet-info p{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem}.cta-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:transparent;color:var(--accent-teal);border:2px solid var(--accent-teal);border-radius:.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 10px #3ebd9333}.cta-button:hover{transform:scale(1.05) translateY(-2px);background-color:var(--accent-teal);color:#051525;box-shadow:0 5px 20px #3ebd9399}.mini-projects-list{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.mini-project-btn{display:block;padding:.5rem 1rem;background:#102a4399;border:1px solid rgba(62,189,147,.3);color:var(--text-main);text-decoration:none;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.9rem;transition:all .3s ease;position:relative;overflow:hidden}.mini-project-btn:hover{background:#3ebd9333;border-color:var(--accent-teal);color:var(--accent-teal);transform:translate(5px);box-shadow:0 0 10px #3ebd934d}.star{box-shadow:0 0 4px #fffc}#stars-moving{opacity:0;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;pointer-events:none}.star-moving{background-color:#fff;border-radius:50%;position:absolute;animation-name:starTravel;animation-timing-function:linear;animation-iteration-count:infinite}.shooting-star{position:absolute;width:150px;height:2px;background:linear-gradient(to right,#fff0,#fff,#fff0);border-radius:50%;opacity:0;z-index:5;transform:rotate(-45deg);pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}@keyframes starTravel{0%{transform:translate(100vw)}to{transform:translate(-10vw)}}#scroll-track{height:4000vh;position:relative;z-index:0}@keyframes earthRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none}#cow-lottie{position:absolute;bottom:2vw;left:15%;width:8vw;height:8vw;z-index:26}#cow-lottie-2{position:absolute;bottom:3.6vw;right:10%;width:7.2vw;height:7.2vw;z-index:26;transform:scaleX(-1)}#asteroid-field{z-index:20;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.asteroid{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer;transition:transform .3s ease-out}.asteroid:hover{z-index:100;transform:scale(1.1)}.asteroid-tooltip{position:absolute;top:-50px;left:50%;transform:translate(-50%) scale(.5);background:#102a4399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.6rem 1.2rem;border-radius:50px;border:1px solid rgba(255,255,255,.15);color:var(--text-main);font-size:.95rem;font-weight:500;letter-spacing:.05rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 25px #0003,inset 0 0 20px #ffffff0d;transform-origin:center bottom}.asteroid-tooltip:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#fff6;border-radius:50%;box-shadow:0 0 10px #fff3;opacity:0;transition:opacity .3s ease .1s}.asteroid:hover .asteroid-tooltip{opacity:1;transform:translate(-50%) scale(1) translateY(-10px)}.asteroid:hover .asteroid-tooltip:after{opacity:1}.asteroid-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:floatTumble;animation-timing-function:linear;animation-iteration-count:infinite}.asteroid-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;filter:drop-shadow(0 15px 15px rgba(0,0,0,.6))}.asteroid-logo{position:relative;z-index:1;width:50%;height:50%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}@keyframes floatTumble{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(90deg) translateY(-15px)}50%{transform:rotate(180deg) translateY(0)}75%{transform:rotate(270deg) translateY(15px)}to{transform:rotate(360deg) translateY(0)}}#black-hole-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:0px;height:0px;z-index:5;display:flex;justify-content:center;align-items:center;opacity:0}.black-hole{width:100%;height:100%;border-radius:50%;background:#000;box-shadow:0 0 60px 30px #8a2be299,inset 0 0 40px 20px #000;position:relative;animation:pulseHole 2s infinite alternate}.accretion-disk{position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.8);border-top-color:transparent;border-bottom-color:transparent;box-shadow:0 0 30px #ffa50080;animation:spinDisk 5s linear infinite}@keyframes spinDisk{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseHole{0%{box-shadow:0 0 50px 20px #8a2be280}to{box-shadow:0 0 70px 40px #8a2be2cc}}#final-portfolio{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;background:radial-gradient(circle at center,#0b1026,#000);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;padding:2rem;overflow:hidden}#final-portfolio.visible{pointer-events:auto}.holo-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='40'%20height='40'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2040%200%20L%200%200%200%2040'%20fill='none'%20stroke='rgba(62,%20189,%20147,%200.1)'%20stroke-width='1'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20fill='url(%23grid)'%20/%3e%3c/svg%3e");opacity:.3;z-index:-1;pointer-events:none}.holo-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:3001;pointer-events:none;opacity:.15}.portfolio-content{position:relative;max-width:1100px;width:100%;background:#102a4399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(62,189,147,.3);padding:4rem;box-shadow:0 0 50px #3ebd931a;animation:hologramOpen .8s cubic-bezier(.23,1,.32,1)}.ui-corner{position:absolute;width:40px;height:40px;pointer-events:none}.top-left{top:-2px;left:-2px}.top-right{top:-2px;right:-2px;transform:scaleX(-1)}.bottom-left{bottom:-2px;left:-2px;transform:scaleY(-1)}.bottom-right{bottom:-2px;right:-2px;transform:scale(-1)}@keyframes hologramOpen{0%{transform:scaleY(.01) scaleX(0);opacity:0}50%{transform:scaleY(.01) scaleX(1);opacity:1}to{transform:scaleY(1) scaleX(1);opacity:1}}.portfolio-header{text-align:center;margin-bottom:3rem;position:relative}.header-decoration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;opacity:.8}.tech-line{height:1px;width:50px;background:var(--accent-teal)}.status-badge{font-family:Orbitron,monospace;font-size:.8rem;color:var(--accent-teal);letter-spacing:2px;border:1px solid var(--accent-teal);padding:.2rem .5rem}.portfolio-header h1{font-family:Orbitron,sans-serif;font-size:3.5rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);margin-bottom:.5rem;letter-spacing:5px}.portfolio-header p{color:var(--accent-teal);font-family:monospace;font-size:1.2rem;letter-spacing:2px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.portfolio-card{background:#05152599;padding:0;border:1px solid rgba(62,189,147,.2);transition:all .3s ease}.portfolio-card:hover{transform:translateY(-5px);border-color:var(--accent-teal);box-shadow:0 0 15px #3ebd9333}.card-header{background:#3ebd931a;padding:.5rem 1rem;border-bottom:1px solid rgba(62,189,147,.2)}.card-header h3{color:var(--accent-teal);margin:0;font-family:monospace;font-size:.9rem;letter-spacing:1px}.portfolio-card p,.portfolio-card ul,.portfolio-card .tags,.portfolio-card .social-links{padding:1.5rem;margin:0}.portfolio-card p,.portfolio-card li{color:#d9e2ec;font-family:monospace;font-size:.95rem;line-height:1.6}.portfolio-card p.email-text{overflow-wrap:anywhere;word-break:break-word;color:var(--accent-teal);font-weight:500;font-size:.9rem;padding:.5rem;background:#0000004d;border-radius:4px;display:block;width:100%;text-align:center}.portfolio-card ul{list-style:none}.portfolio-card li:before{content:"> ";color:var(--accent-orange)}.tags{display:flex;flex-direction:column;gap:.5rem}.tags span{background:transparent;border:none;border-bottom:1px dashed rgba(62,189,147,.2);color:var(--accent-teal);font-family:monospace;border-radius:0;padding:.25rem 0;width:100%}.tags span:before{content:">> ";color:var(--accent-orange);margin-right:.5rem}.social-links a{color:#fff;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.social-links a:hover{color:var(--accent-orange);text-shadow:0 0 8px var(--accent-orange)}#replay-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto;padding:1rem 3rem;background:transparent;border:1px solid var(--accent-teal);color:var(--accent-teal);border-radius:0;font-family:Orbitron,sans-serif;font-size:1.2rem;letter-spacing:2px;cursor:pointer;overflow:hidden;transition:all .3s ease}#replay-btn:hover{background:#3ebd931a;box-shadow:0 0 20px #3ebd9366;text-shadow:0 0 8px var(--accent-teal)}#replay-btn .btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:10px}@media(max-width:1024px){:root{--stage-width: 100vw;--stage-height: 100vh}#scroll-tutorial{scale:120%;transform:translate(-50%) translateY(0);left:50%;bottom:8%}#rocket-container{width:180px;height:360px}.planet-info{width:90%;max-width:600px}.portfolio-content{padding:3rem;width:95%}}@media(max-width:768px){#sky-title{top:-20vh}#sky-title h1{font-size:3rem;letter-spacing:.2rem}#sky-title p{font-size:1.5rem}#scroll-tutorial{scale:100%;bottom:5%}.intro-text{gap:1rem}.intro-text h2{-webkit-text-stroke:1px rgba(255,255,255,.8)}#rocket-container{width:140px;height:280px;bottom:15vw}.planet-svg{width:200px;height:200px}.planet-info{padding:1.5rem;width:90%;font-size:.9rem}.planet-info h2{font-size:1.8rem}#final-portfolio{padding:1rem;overflow-y:auto}.portfolio-content{padding:2rem 1.5rem;margin-top:2rem;margin-bottom:2rem}.portfolio-header h1{font-size:2rem;letter-spacing:2px}.portfolio-header p{font-size:.9rem}.portfolio-grid{grid-template-columns:1fr;gap:1rem}.ui-corner{width:30px;height:30px}#replay-btn{padding:.8rem 2rem;font-size:1rem;width:100%}}@media(max-width:480px){#sky-title h1{font-size:2.5rem}}.project-card{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;width:100%}.project-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative}.project-card h3{font-family:Orbitron,sans-serif;font-size:1.3rem;color:var(--text-main);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5);transition:color .3s ease}.project-link:hover h3{color:var(--accent-teal);text-shadow:0 0 15px rgba(62,189,147,.6)}.project-card.featured{position:relative;margin-top:2rem}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-orange);color:#051525;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:900;padding:.3rem .8rem;border-radius:20px;z-index:20;box-shadow:0 0 15px #ff9f1c99;letter-spacing:1px}.thumbnail-wrapper{position:relative;width:100%;max-width:320px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:2px solid rgba(62,189,147,.2);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-link:hover .thumbnail-wrapper{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #3ebd9366;border-color:#3ebd93cc}.project-thumbnail{width:100%;display:block;transition:transform .6s ease}.project-link:hover .project-thumbnail{transform:scale(1.08)}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.play-overlay svg{color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.8));transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.project-link:hover .thumbnail-wrapper{transform:translateY(-5px) scale(1.02);border-color:var(--accent-teal);box-shadow:0 20px 60px #3ebd9366}.project-link:hover .project-thumbnail{transform:scale(1.1)}.project-link:hover .play-overlay{opacity:1}.project-link:hover .play-overlay svg{transform:scale(1.2)}.project-desc{font-size:.85rem;color:var(--text-muted);margin-top:-.5rem;font-style:italic}.planet-link{display:block;cursor:pointer;transition:transform .3s ease}.planet-link:hover .planet-svg{filter:drop-shadow(0 0 50px rgba(62,189,147,.6));transform:scale(1.05)}.planet-link:active{transform:scale(.95)}.planet-main-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:100%}.planet-main-link:hover .planet-svg{filter:drop-shadow(0 0 40px rgba(62,189,147,.5));transform:scale(1.02)}.planet-main-link:hover .planet-info{border-color:#3ebd9366;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #3ebd9333}.planet-main-link:hover .thumbnail-wrapper{transform:translateY(-5px) scale(1.02);border-color:var(--accent-teal);box-shadow:0 20px 60px #3ebd9366}.planet-main-link:hover .play-overlay{opacity:1}.planet-main-link:hover h3{color:var(--accent-teal);text-shadow:0 0 15px rgba(62,189,147,.6)}