:root{--bg:#060d16;--bg-panel:#0b1622;--border:#16283a;--teal:#2dd4c8;--blue:#3b82f6;--text:#eaf2f6;--text-dim:#7e93a3;--text-mid:#a9bccb}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);background:radial-gradient(900px 500px at 50% 0%, #3b82f61a, transparent 60%), radial-gradient(700px 420px at 80% 90%, #2dd4c814, transparent 60%), var(--bg);min-height:100vh;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.stars{pointer-events:none;z-index:0;position:fixed;inset:0}.star{opacity:.7;background:#cfe4ee;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.9}}.shoot{opacity:0;background:linear-gradient(90deg,#0000,#2dd4c8e6,#0000);width:70px;height:1.5px;animation:6s ease-in infinite shoot;position:absolute;transform:rotate(-25deg)}@keyframes shoot{0%{opacity:0;transform:translate(0)rotate(-25deg)}5%{opacity:1}20%{opacity:0;transform:translate(-260px,140px)rotate(-25deg)}to{opacity:0}}header{z-index:5;justify-content:space-between;align-items:center;padding:22px 40px;display:flex;position:relative}.brand{align-items:center;gap:10px;display:flex}.toggle-wrap{align-items:center;gap:9px;display:flex}.toggle-wrap span{color:var(--text-dim);font-size:11.5px;font-weight:600}.switch{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:20px;width:42px;height:23px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--text-dim);border-radius:50%;width:17px;height:17px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.switch.on{background:linear-gradient(135deg, var(--blue), var(--teal));border-color:#0000}.switch.on:after{background:#04141c;left:21px}.wrap{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:10px 20px 60px;display:flex;position:relative}.scene{width:420px;max-width:88vw;height:300px;margin-bottom:6px;position:relative}.glow{filter:blur(4px);background:radial-gradient(circle,#2dd4c829,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.moon-wrap{position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ring{border:2px solid #2dd4c88c;border-radius:50%;width:270px;height:70px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 18px #2dd4c859}.moon{background:radial-gradient(circle at 35% 30%,#24404f,#0c1620 72%);border:1px solid #ffffff0f;border-radius:50%;width:180px;height:180px;position:relative;overflow:hidden;box-shadow:0 0 50px #2dd4c81f,inset -14px -14px 30px #00000080}.crater{background:#00000059;border-radius:50%;position:absolute;box-shadow:inset 2px 2px 4px #0006}.astro{animation:3.4s ease-in-out infinite float;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}.bubble{background:var(--bg-panel);border:1px solid var(--border);width:40px;height:32px;color:var(--teal);border-radius:10px 10px 10px 3px;justify-content:center;align-items:center;font-size:16px;font-weight:800;animation:3.4s ease-in-out .1s infinite float;display:flex;position:absolute;bottom:236px;left:calc(50% + 66px);box-shadow:0 6px 18px #0006}h1.code{letter-spacing:-.03em;background:linear-gradient(180deg, #dff5f2, var(--teal) 55%, var(--blue));color:#0000;text-shadow:0 0 60px #2dd4c840;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:112px;font-weight:900;line-height:1}h2.msg{letter-spacing:-.01em;margin-top:6px;font-size:26px;font-weight:800}p.sub{color:var(--text-dim);max-width:360px;margin-top:12px;font-size:14.5px;line-height:1.6}.go-home{background:linear-gradient(135deg, var(--blue), var(--teal));color:#04141c;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;margin-top:30px;padding:14px 26px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 10px 32px #2dd4c847}.go-home:before{content:"";opacity:0;z-index:-1;filter:blur(10px);background:radial-gradient(circle,#2dd4c859,#0000 70%);border-radius:16px;transition:opacity .35s;position:absolute;inset:-8px}.go-home:hover{transform:translateY(-2px);box-shadow:0 14px 38px #2dd4c880}.go-home:hover:before{opacity:1}.go-home svg{transition:transform .2s}.go-home:hover svg{transform:translate(3px)}.clouds{pointer-events:none;z-index:1;height:120px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.cloud{filter:blur(1px);background:#0b1622e6;border-radius:50%;position:absolute;bottom:-40px}@media (max-width:480px){h1.code{font-size:78px}h2.msg{font-size:20px}.scene{height:260px}}