.atmosphere-layer{z-index:0;pointer-events:none;transition:opacity 1.5s ease-out;position:fixed;inset:0}.atmosphere-layer.space{opacity:1;background:radial-gradient(at 50% 20%,#0a0a12 0%,#050508 50%,#020203 100%)}.atmosphere-layer.night{opacity:0;background:radial-gradient(at 50% 15%,#0f1220 0%,#080a14 40%,#030408 100%)}.atmosphere-layer.dawn{opacity:0;background:radial-gradient(at 50% 100%,#c76b4a26 0%,#0000 60%),radial-gradient(at 50% 10%,#121428 0%,#0a0c18 50%,#040408 100%)}.atmosphere-layer.golden{opacity:0;background:radial-gradient(at 50% 100%,#d4a05633 0%,#0000 55%),radial-gradient(at 50% 0,#1a1420 0%,#100e18 40%,#08060c 100%)}.atmosphere-layer.day{opacity:0;background:radial-gradient(at 50% 100%,#b4bed214 0%,#0000 50%),radial-gradient(at 50% 0,#141820 0%,#0c0e14 40%,#060608 100%)}body[data-sky=space] .atmosphere-layer.space,body[data-sky=night] .atmosphere-layer.night,body[data-sky=dawn] .atmosphere-layer.dawn,body[data-sky=golden] .atmosphere-layer.golden,body[data-sky=day] .atmosphere-layer.day{opacity:1}.star{pointer-events:none;z-index:1;background:#faf7f2cc;border-radius:50%;animation:3s ease-in-out infinite star-twinkle;position:fixed}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.cloud-layer{pointer-events:none;z-index:2;filter:blur(40px);opacity:0;border-radius:50%;transition:opacity 2s ease-out;position:fixed}body[data-sky=dawn] .cloud-layer,body[data-sky=golden] .cloud-layer,body[data-sky=day] .cloud-layer{opacity:.6}.cloud-1{background:radial-gradient(#faf7f20a 0%,#0000 70%);width:600px;height:200px;animation:60s linear infinite cloud-drift-1;top:20%;left:-10%}.cloud-2{background:radial-gradient(#faf7f208 0%,#0000 70%);width:500px;height:180px;animation:80s linear infinite cloud-drift-2;top:35%;right:-15%}.cloud-3{background:radial-gradient(#faf7f20d 0%,#0000 70%);width:700px;height:250px;animation:70s linear infinite cloud-drift-3;top:55%;left:20%}.cloud-4{background:radial-gradient(#faf7f208 0%,#0000 70%);width:400px;height:150px;animation:50s linear infinite cloud-drift-4;top:70%;right:10%}.cloud-5{background:radial-gradient(#faf7f20f 0%,#0000 70%);width:800px;height:300px;animation:90s linear infinite reverse cloud-drift-1;bottom:-5%;left:-20%}.cloud-6{background:radial-gradient(#faf7f20a 0%,#0000 70%);width:600px;height:200px;animation:65s linear infinite reverse cloud-drift-2;bottom:0;right:-10%}@keyframes cloud-drift-1{0%{transform:translate(0)translateY(0)}25%{transform:translate(30px)translateY(-15px)}50%{transform:translate(-20px)translateY(10px)}75%{transform:translate(25px)translateY(-10px)}to{transform:translate(0)translateY(0)}}@keyframes cloud-drift-2{0%{transform:translate(0)translateY(0)}33%{transform:translate(-25px)translateY(20px)}66%{transform:translate(15px)translateY(-15px)}to{transform:translate(0)translateY(0)}}@keyframes cloud-drift-3{0%{transform:translate(0)translateY(0)}50%{transform:translate(40px)translateY(-20px)}to{transform:translate(0)translateY(0)}}@keyframes cloud-drift-4{0%{transform:translate(0)translateY(0)}25%{transform:translate(-15px)translateY(10px)}75%{transform:translate(20px)translateY(-15px)}to{transform:translate(0)translateY(0)}}.window-frame{z-index:90;pointer-events:none;position:fixed;inset:0}.window-frame .bezel-top{background:linear-gradient(#080808 0%,#0c0c0c 30%,#111 60%,#0000 100%);height:clamp(16px,3vh,40px);position:absolute;top:0;left:0;right:0}.window-frame .bezel-bottom{background:linear-gradient(#0000 0%,#111 40%,#0c0c0c 70%,#080808 100%);height:clamp(16px,3vh,40px);position:absolute;bottom:0;left:0;right:0}.window-frame .bezel-left{background:linear-gradient(90deg,#080808 0%,#0c0c0c 30%,#111 60%,#0000 100%);width:clamp(16px,3vh,40px);position:absolute;top:0;bottom:0;left:0}.window-frame .bezel-right{background:linear-gradient(270deg,#080808 0%,#0c0c0c 30%,#111 60%,#0000 100%);width:clamp(16px,3vh,40px);position:absolute;top:0;bottom:0;right:0}.window-frame .inner-glow{border:1px solid #faf7f20a;border-radius:32px;position:absolute;inset:clamp(16px,3vh,40px);box-shadow:inset 0 1px 2px #faf7f208,0 0 0 1px #0000004d}.window-frame .corner-tl,.window-frame .corner-tr,.window-frame .corner-bl,.window-frame .corner-br{width:clamp(40px,6vw,80px);height:clamp(40px,6vw,80px);position:absolute}.window-frame .corner-tl{border-top:1.5px solid #faf7f20f;border-left:1.5px solid #faf7f20f;border-top-left-radius:32px;top:clamp(16px,3vh,40px);left:clamp(16px,3vh,40px)}.window-frame .corner-tr{border-top:1.5px solid #faf7f20f;border-right:1.5px solid #faf7f20f;border-top-right-radius:32px;top:clamp(16px,3vh,40px);right:clamp(16px,3vh,40px)}.window-frame .corner-bl{border-bottom:1.5px solid #faf7f20a;border-left:1.5px solid #faf7f20a;border-bottom-left-radius:32px;bottom:clamp(16px,3vh,40px);left:clamp(16px,3vh,40px)}.window-frame .corner-br{border-bottom:1.5px solid #faf7f20a;border-right:1.5px solid #faf7f20a;border-bottom-right-radius:32px;bottom:clamp(16px,3vh,40px);right:clamp(16px,3vh,40px)}.window-frame .glare{background:linear-gradient(135deg,#faf7f205 0%,#0000 60%);border-radius:50%;width:clamp(60px,10vw,120px);height:clamp(30px,5vw,60px);position:absolute;top:clamp(20px,3.5vh,50px);right:clamp(20px,3.5vh,50px);transform:rotate(-15deg)}.window-frame .vignette{position:absolute;inset:0;box-shadow:inset 0 0 80px 20px #0009,inset 0 0 20px 5px #0006}.light-ray{pointer-events:none;z-index:1;opacity:0;transform-origin:bottom;transition:opacity 2s ease-out;position:fixed}body[data-sky=dawn] .light-ray,body[data-sky=golden] .light-ray{opacity:.4}.light-ray-1{background:linear-gradient(#0000,#d4a0561a);width:2px;height:60vh;bottom:0;left:30%;transform:rotate(-8deg)}.light-ray-2{background:linear-gradient(#0000,#d4a05614);width:3px;height:70vh;bottom:0;left:45%;transform:rotate(-3deg)}.light-ray-3{background:linear-gradient(#0000,#d4a0560f);width:2px;height:55vh;bottom:0;left:60%;transform:rotate(5deg)}.horizon-glow{pointer-events:none;z-index:1;opacity:0;background:linear-gradient(#0000 30%,#c76b4a14 100%);height:40vh;transition:opacity 2s ease-out;position:fixed;bottom:0;left:0;right:0}body[data-sky=dawn] .horizon-glow,body[data-sky=golden] .horizon-glow{opacity:1}.reveal-section{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-section.is-visible{opacity:1;transform:translateY(0)}.hero-content{transition:transform .1s linear,opacity .3s ease-out}.scroll-line{animation:2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.particle{pointer-events:none;z-index:1;background:#faf7f233;border-radius:50%;position:fixed}.particle-1{width:2px;height:2px;animation:20s ease-in-out infinite particle-float;top:20%;left:15%}.particle-2{width:1px;height:1px;animation:25s ease-in-out 2s infinite particle-float;top:40%;left:70%}.particle-3{width:2px;height:2px;animation:18s ease-in-out 5s infinite particle-float;top:60%;left:30%}.particle-4{width:1px;height:1px;animation:22s ease-in-out 1s infinite particle-float;top:80%;left:80%}.particle-5{width:2px;height:2px;animation:30s ease-in-out 3s infinite particle-float;top:30%;left:50%}@keyframes particle-float{0%,to{opacity:.2;transform:translateY(0)translate(0)}25%{opacity:.5;transform:translateY(-30px)translate(10px)}50%{opacity:.3;transform:translateY(-50px)translate(-15px)}75%{opacity:.4;transform:translateY(-20px)translate(20px)}}@keyframes float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-20px)translate(10px)}50%{transform:translateY(-10px)translate(-5px)}75%{transform:translateY(-30px)translate(5px)}}@media (prefers-reduced-motion:reduce){.star,.cloud-layer,.particle,.light-ray,.reveal-section{transition:none!important;animation:none!important}.reveal-section{opacity:1;transform:none}}