*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#060e1d}.landing-root{position:relative;width:100vw;height:100vh;overflow:hidden}.bg-layer{position:absolute;inset:-5%;background-image:url(/bg.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;animation:bgDrift 28s ease-in-out infinite alternate}@keyframes bgDrift{0%{transform:scale(1.08) translate(0)}33%{transform:scale(1.1) translate(-7px,-3px)}66%{transform:scale(1.09) translate(4px,-5px)}to{transform:scale(1.11) translate(-4px,2px)}}.fog-layer{position:absolute;inset:0;pointer-events:none}.fog1{background:radial-gradient(ellipse 130% 40% at 15% 82%,rgba(100,140,200,.11) 0%,transparent 55%),radial-gradient(ellipse 80% 30% at 85% 78%,rgba(80,120,180,.07) 0%,transparent 50%);animation:fogDrift1 20s ease-in-out infinite alternate}.fog2{background:radial-gradient(ellipse 100% 32% at 55% 88%,rgba(60,100,160,.09) 0%,transparent 55%),radial-gradient(ellipse 60% 25% at 5% 72%,rgba(90,130,190,.06) 0%,transparent 45%);animation:fogDrift2 26s ease-in-out infinite alternate}@keyframes fogDrift1{0%{transform:translate(0);opacity:.8}to{transform:translate(35px);opacity:1}}@keyframes fogDrift2{0%{transform:translate(0);opacity:.7}to{transform:translate(-45px);opacity:.9}}.character-layer{position:absolute;inset:0;background-image:url(/character.png);background-size:auto 82%;background-position:38% 100%;background-repeat:no-repeat;filter:drop-shadow(0 -8px 40px rgba(30,60,140,.35)) drop-shadow(0 0 20px rgba(50,80,180,.15));opacity:0;transition:opacity 1.6s ease}.character-layer.show{opacity:1;animation:charFloat 8s ease-in-out infinite .5s both}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.lighthouse-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,55,55,.55) 0%,rgba(255,90,40,.2) 35%,transparent 70%);top:32%;left:44.5%;transform:translate(-50%,-50%);animation:lhPulse 3s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}@keyframes lhPulse{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 38%,rgba(6,14,29,.72) 100%),linear-gradient(to bottom,rgba(6,14,29,.2) 0%,transparent 20%,transparent 65%,rgba(6,14,29,.55) 100%);pointer-events:none}.scan-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.025) 2px,rgba(0,0,0,.025) 4px);pointer-events:none}.particles-container{position:absolute;inset:0;pointer-events:none;z-index:2}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#d2e6ffe6,#a0c8ff33);pointer-events:none}.entry-screen{position:absolute;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10%;cursor:pointer;animation:entryFadeIn 1.8s ease forwards}@keyframes entryFadeIn{0%{opacity:0}to{opacity:1}}.entry-hint{display:flex;align-items:center;gap:.75rem;font-family:Inter,sans-serif;font-weight:300;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:#b4d2ff80;animation:hintBlink 2.8s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes hintBlink{0%,to{opacity:.35}50%{opacity:.75}}.entry-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:#b4d2ff80}.site-content{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:0;transition:opacity 1s ease .2s}.site-content.show{opacity:1}.title-block{position:absolute;top:8%;left:6%;pointer-events:none}.tl{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:300;color:#dcebffeb;letter-spacing:.03em;line-height:1.2;text-shadow:0 0 60px rgba(100,160,255,.45),0 0 25px rgba(80,130,240,.25),0 2px 16px rgba(0,0,0,.8)}.line1{font-size:clamp(1.8rem,3.8vw,3.2rem);opacity:0;transform:translateY(18px);transition:opacity .9s ease .1s,transform .9s cubic-bezier(.16,1,.3,1) .1s}.line2{font-size:clamp(1.4rem,3vw,2.5rem);color:#bed7ffc7;opacity:0;transform:translateY(18px);transition:opacity .9s ease .3s,transform .9s cubic-bezier(.16,1,.3,1) .3s}.site-content.show .line1,.site-content.show .line2{opacity:1;transform:translateY(0)}.corner-buttons{position:absolute;bottom:7%;right:5%;display:flex;flex-direction:column;align-items:flex-end;gap:1.1rem;pointer-events:all;opacity:0;transform:translateY(12px);transition:opacity .9s ease .6s,transform .9s cubic-bezier(.16,1,.3,1) .6s}.site-content.show .corner-buttons{opacity:1;transform:translateY(0)}.icon-btn{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#bed7ff8c;font-family:Inter,sans-serif;font-weight:300;font-size:.75rem;letter-spacing:.14em;text-transform:lowercase;transition:color .25s ease,transform .25s ease,opacity .25s ease;cursor:pointer}.icon-btn:hover{color:#dcf0fff2;transform:translate(-4px)}.icon-img{width:15px;height:15px;object-fit:contain;filter:brightness(0) invert(1);opacity:.45;transition:opacity .25s ease,transform .25s ease}.icon-btn:hover .icon-img{opacity:.9;transform:scale(1.1)}@media(max-width:600px){.character-layer{background-size:auto 70%;background-position:44% 100%}.title-block{top:6%;left:5%}.line1{font-size:clamp(1.6rem,6vw,2.4rem)}.line2{font-size:clamp(1.2rem,4.5vw,1.8rem)}.corner-buttons{bottom:5%;right:5%;gap:.9rem}.icon-btn{font-size:.72rem}.lighthouse-glow{width:110px;height:110px;top:29%;left:43%}}