.lost-page{--lost-cyan:#71e7ff;--lost-blue:#3b7cff;--lost-ink:#eaf8ff;min-height:100vh;color:var(--lost-ink);isolation:isolate;background:radial-gradient(circle at 18% 20%,#2d7cff33,#0000 28%),radial-gradient(circle at 82% 72%,#6330cf33,#0000 30%),linear-gradient(145deg,#020813 0%,#07172a 48%,#050a17 100%);place-items:center;padding:clamp(24px,5vw,72px);display:grid;position:relative;overflow:hidden}.lost-page:before{content:"";z-index:-2;opacity:.24;transform-origin:bottom;background-image:linear-gradient(#6dd5ff21 1px,#0000 1px),linear-gradient(90deg,#6dd5ff21 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;transform:perspective(700px)rotateX(62deg)scale(1.6)translateY(22%);-webkit-mask-image:linear-gradient(#0000 2%,#000 32%,#0000 94%);mask-image:linear-gradient(#0000 2%,#000 32%,#0000 94%)}.lost-stars{z-index:-1;pointer-events:none;background-repeat:repeat;position:absolute;inset:-20%}.stars-a{opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.5px);background-size:72px 72px;animation:24s linear infinite lost-drift}.stars-b{opacity:.28;background-image:radial-gradient(circle,var(--lost-cyan) 0 1px,transparent 1.6px);background-size:113px 113px;animation:38s linear infinite reverse lost-drift}.lost-console{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0e233ccc,#051020b8);border:1px solid #7edaff38;border-radius:36px;grid-template-columns:minmax(320px,1.05fr) minmax(330px,.95fr);align-items:center;gap:clamp(32px,6vw,88px);width:min(1120px,100%);min-height:min(620px,78vh);padding:clamp(34px,5vw,76px);display:grid;box-shadow:0 40px 120px #00000073,inset 0 1px #ffffff14}.lost-visual{aspect-ratio:1;filter:drop-shadow(0 24px 42px #00000057);place-items:center;display:grid;position:relative}.lost-planet{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#a3efff 0 4%,#4aa9df 24%,#285cae 61%,#172a68 100%);border-radius:50%;place-items:center;width:48%;animation:5s ease-in-out infinite lost-float;display:grid;position:relative;box-shadow:inset -28px -30px 48px #0408287a,0 0 54px #4aaeff52}.lost-planet:before,.lost-planet:after{content:"";background:#08235447;border-radius:50%;position:absolute}.lost-planet:before{width:25%;height:13%;top:27%;left:14%;transform:rotate(-18deg)}.lost-planet:after{width:18%;height:9%;bottom:24%;right:17%;transform:rotate(14deg)}.lost-face{z-index:2;width:43%;height:28%;display:block;position:relative}.lost-face>i{background:#061221;border-radius:50%;width:12px;height:17px;position:absolute;top:2%;box-shadow:0 0 8px #ffffff47}.lost-face>i:first-child{left:15%}.lost-face>i:nth-child(2){right:15%}.lost-face>b{border-top:3px solid #061221;border-radius:50%;width:42%;height:12px;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.lost-ring{border:9px solid #78dcffb3;border-color:#78dcffb3 #a464ff8c #78dcffb3 #3f73ff85;border-radius:50%;width:158%;height:38%;position:absolute;transform:rotate(-13deg);box-shadow:0 0 22px #55bdff33}.lost-orbit{border:1px solid #7adaff47;border-radius:50%;animation:14s linear infinite lost-spin;position:absolute}.lost-orbit i{background:var(--lost-cyan);width:10px;height:10px;box-shadow:0 0 18px var(--lost-cyan);border-radius:50%;position:absolute}.orbit-one{inset:12%}.orbit-one i{top:27%;left:7%}.orbit-two{animation-duration:20s;animation-direction:reverse;inset:3%;transform:rotate(64deg)}.orbit-two i{background:#a77cff;bottom:20%;right:12%;box-shadow:0 0 18px #a77cff}.lost-satellite{color:#fff6a3;font-size:34px;animation:2.3s ease-in-out infinite lost-pulse;position:absolute;top:20%;right:9%}.lost-signal{color:var(--lost-cyan);background:#041227b8;border:1px solid #88dbff47;place-items:center;font-weight:900;display:grid;position:absolute;box-shadow:0 8px 30px #00000040}.signal-one{border-radius:18px;width:54px;height:54px;font-size:25px;animation:4.2s ease-in-out infinite reverse lost-float;top:18%;left:7%}.signal-two{letter-spacing:3px;border-radius:999px;min-width:76px;height:38px;font-size:12px;animation:5.6s ease-in-out infinite lost-float;bottom:18%;right:2%}.lost-copy{z-index:2;position:relative}.lost-kicker{color:#8cb8d2;letter-spacing:2.6px;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.lost-kicker i{background:#ff7b6f;border-radius:50%;width:8px;height:8px;animation:1.5s step-end infinite lost-blink;box-shadow:0 0 0 5px #ff7b6f1a,0 0 18px #ff7b6fa6}.lost-copy h1{letter-spacing:-3px;background:linear-gradient(120deg,#fff 8%,#8be8ff 54%,#9c92ff 96%);color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:22px 0 18px;font-family:Georgia,Microsoft YaHei,serif;font-size:clamp(46px,6vw,82px);line-height:1.04}.lost-copy p{color:#9db1c4;max-width:500px;margin:0;font-size:15px;line-height:1.9}.lost-status{color:#56768d;letter-spacing:1.5px;align-items:center;gap:12px;margin-top:36px;font-size:9px;font-weight:800;display:flex}.lost-status i{background:#527e9c;border-radius:50%;width:4px;height:4px}.lost-footer{color:#446076;letter-spacing:2.5px;margin:0;font-size:9px;font-weight:700;position:absolute;bottom:22px}@keyframes lost-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes lost-spin{to{transform:rotate(360deg)}}@keyframes lost-drift{to{transform:translate(72px,72px)}}@keyframes lost-pulse{0%,to{opacity:.55;transform:scale(.8)rotate(-8deg)}50%{opacity:1;transform:scale(1.18)rotate(9deg)}}@keyframes lost-blink{50%{opacity:.25}}@media (max-width:800px){.lost-console{text-align:center;grid-template-columns:1fr;gap:18px;padding:30px 24px}.lost-visual{width:min(330px,82vw);margin:auto}.lost-copy p{margin-inline:auto}.lost-kicker,.lost-status{justify-content:center}.lost-copy h1{letter-spacing:-2px;font-size:clamp(42px,12vw,64px)}}@media (max-width:480px){.lost-page{padding:18px}.lost-console{border-radius:25px;min-height:auto}.lost-copy p{font-size:13px}.lost-footer{display:none}}@media (prefers-reduced-motion:reduce){.lost-page *{scroll-behavior:auto!important;animation:none!important}}