.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#0f172a;color:#fff}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-links{list-style:none;display:flex;gap:2rem}.navbar-links a{color:#fff;text-decoration:none;font-weight:500}.navbar-links a:hover{text-decoration:underline}.forest-background{background-color:#0c1b2a;min-height:100vh}.image-loader-container{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0c1b2a,#1a3a5f,#0c1b2a)}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.image-loader-container>img:first-child{position:relative;width:100%;height:100vh;opacity:0;transition:opacity .5s ease-in-out}.image-loader-container>img:first-child.loaded{opacity:1}.sound-toggle{position:absolute;top:70px;right:24px;width:60px;height:60px;background:#00000080;color:#fff;border:none;font-size:1.3rem;border-radius:6px;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.sound-toggle:hover{background:#ffffff26}.home-container{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0c1b2a,#1a3a5f,#0c1b2a)}.home-bg{position:relative;width:100%;height:100vh;opacity:0;transition:opacity .5s ease-in-out;overflow:hidden}.home-bg.loaded{opacity:1}.nav-button{position:absolute;width:80px;height:80px;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;border-radius:50%}.nav-button:hover{box-shadow:0 0 20px 8px #fff9;transform:scale(1.1)}.telescope-btn{top:28%;right:61%}.cabin-btn{bottom:28%;right:9%;width:350px;height:200px;border-radius:8px}.dock-btn{bottom:20%;left:15%;width:300px;height:120px;border-radius:8px}.fire-animation{position:absolute;width:15%;height:30%;bottom:2%;left:40%;background:url(/path/to/fire-animation.gif) no-repeat center center;background-size:cover;z-index:2}.fireflies-animation{position:absolute;width:120px;height:120px;pointer-events:none;z-index:3;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.fireflies-animation-1{top:15%;left:20%;animation:firefly-float 8s ease-in-out infinite;animation-delay:0s}.fireflies-animation-2{top:35%;left:60%;animation:firefly-float 6s ease-in-out infinite;animation-delay:2s}.fireflies-animation-3{top:55%;left:40%;animation:firefly-float 10s ease-in-out infinite;animation-delay:4s}@keyframes firefly-float{0%,to{transform:translateY(0) scale(1);opacity:.8}25%{transform:translateY(-15px) scale(1.1);opacity:1}50%{transform:translateY(-5px) scale(.9);opacity:.6}75%{transform:translateY(-20px) scale(1.2);opacity:.9}}.home-content{position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10;width:80%;max-width:600px}.home-content h1{font-size:2.7rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.home-content p{font-size:1.4rem;margin-bottom:2rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.navigation-hints{display:flex;justify-content:space-around;gap:2rem;margin-top:2rem}.hint{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hint span{font-size:2rem}.hint p{font-size:.9rem;margin:0;opacity:.8}.firefly{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}@keyframes float{0%,to{transform:translateY(0) scale(var(--scale))}50%{transform:translateY(-10px) scale(var(--scale))}}.firefly{animation:float 6s ease-in-out infinite;animation-delay:var(--delay, 0s)}.back-arrow{position:absolute;top:40px;left:24px;width:50px;height:50px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:2rem;font-weight:900;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.back-arrow:hover{background:#fff3;transform:scale(1.1);box-shadow:0 0 15px #ffffff4d}.back-arrow span{transition:transform .3s ease;font-weight:900}.back-arrow:hover span{transform:translate(-3px)}.stars-animation{position:absolute;top:0;width:120px;height:100px;z-index:1;pointer-events:none}.stars-1{top:0%;left:5vw}.stars-2{top:12%;left:8vw}.stars-3{top:8%;left:13vw}.stars-4{top:10%;left:55vw}.stars-5{top:5%;left:35vw}.stars-6{top:8%;left:40vw}.stars-7{top:10%;left:20vw}.stars-8{top:15%;left:30vw}.stars-9{top:08%;left:25vw}.stars-10{top:10%;left:65vw}.stars-11{top:15%;left:75vw}.stars-12{top:8%;left:90vw}.shooting-star{position:absolute;top:-40%;left:-200px;width:100%;height:100%;transform:rotate(35deg);z-index:2;pointer-events:none}.alien-saucer{position:absolute;top:14%;left:-300px;width:120px;animation:fly-across 15s linear infinite!important;z-index:4;pointer-events:none}@keyframes fly-across{0%{transform:translate(0) translateY(-10%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(130vw) translateY(-15%);opacity:0}}.projects-page{position:relative;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto}.projects-content{position:absolute;top:3%;left:50%;transform:translate(-50%);width:80%;color:#fff;z-index:2;text-align:center;padding:2rem}.projects-content h1{font-size:2.5rem;margin-bottom:.5rem}.projects-content p{font-size:1.25rem;opacity:.9}.project-list{list-style:none;padding:0;margin-top:2rem}.project-list li{margin-bottom:2rem;background:#ffffff0d;padding:1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 10px #0000004d}.project-list h3{margin:0 0 .5rem;font-size:1.5rem}.project-list p{margin:0 0 .5rem;font-size:1rem;opacity:.85}.project-list a{color:#6cf;font-weight:700;text-decoration:none}.project-list a:hover{text-decoration:underline}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.sound-toggle{position:absolute;top:15px;right:1rem;background:#0006;color:#fff;border:none;font-size:1.2rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;z-index:9999}.contact-page{position:relative;width:100%;height:100vh;overflow:hidden}.contact-links{list-style:none;padding:0}.contact-links li{margin:.5rem 0}.contact-links a{color:#fff;text-decoration:none}.contact-links a:hover{text-shadow:0 0 5px #66ccff}.fish-jump{position:absolute;bottom:25%;left:30%;width:80px;height:80px;z-index:3;pointer-events:none}.splash{position:absolute;width:60px;height:60px;pointer-events:none;z-index:2}.splash-1{bottom:20%;left:10%;animation:splash-pulse 10s ease-in-out infinite;animation-delay:0s}.splash-2{bottom:28%;left:25%;animation:splash-pulse 14s ease-in-out infinite;animation-delay:4s}.splash-3{bottom:30%;left:48%;animation:splash-pulse 12s ease-in-out infinite;animation-delay:2s}.splash-4{bottom:20%;left:88%;animation:splash-pulse 6s ease-in-out infinite;animation-delay:1s}@keyframes splash-pulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.contact-content{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff;padding:2rem;width:80%}.contact-content h1{font-size:2.5rem;margin-bottom:1rem}.contact-content p{font-size:1.25rem;opacity:.9;margin-bottom:1.5rem}.fish{position:absolute;width:80px;height:80px;pointer-events:none;z-index:3}.fish-1{bottom:28%;left:7%;animation:fish-flip 6s ease-in-out infinite;animation-delay:2s}.fish-2{bottom:5%;left:88%;animation:fish-flip 8s ease-in-out infinite;animation-delay:4s}.fish-3{bottom:35%;left:80%;animation:fish-flip 5s ease-in-out infinite;animation-delay:1s}@keyframes fish-flip{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.about-page{position:relative;width:100%;height:100vh;overflow:hidden}.about-content{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:80%;color:#fff;z-index:9999;text-align:center;padding:2rem}.about-content h1{font-size:2.5rem;margin-bottom:1rem}.about-content p{font-size:1.25rem;opacity:.9;margin-bottom:1rem}.cat-animation{position:absolute;top:56.5%;left:19%;transform:translate(-50%,-50%);width:10%;color:#fff;z-index:2;transform:rotate(-10deg)}.sound-toggle{position:absolute;bottom:1rem;right:1rem;background:#0006;color:#fff;border:none;font-size:1.2rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;z-index:9999}.sound-toggle:hover{background:#ffffff1a}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}