*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;color:#ececec;font-family:"Space Grotesk",sans-serif;overflow:hidden}
#stars{position:fixed;inset:0;width:100%;height:100%}
.frame{position:fixed;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.frame path{fill:none;stroke:rgba(255,255,255,.22)}
.coords,.clock{position:fixed;top:32px;font:11px "JetBrains Mono",monospace;color:#8a8d93}.coords{left:34px}.clock{right:34px}
main{position:relative;z-index:2;height:100%;display:grid;place-content:center;text-align:center;gap:14px;padding:20px}
.eyebrow{font:11px "JetBrains Mono",monospace;color:#8a8d93;letter-spacing:.3em;text-transform:uppercase}
h1{font-weight:500;font-size:clamp(40px,7vw,110px);letter-spacing:.01em}h1 .px{font-family:"Silkscreen",monospace;font-size:.82em}
#line{color:#bdbdbd;font-size:clamp(15px,1.4vw,20px)}
.silhouette{width:160px;height:220px;margin:26px auto 0;background:radial-gradient(ellipse 34% 20% at 50% 18%,#000 98%,transparent),radial-gradient(ellipse 46% 40% at 50% 62%,#000 98%,transparent);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 18px rgba(255,255,255,.35))}
.orb{margin:20px auto 0;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#fff;text-decoration:none;letter-spacing:.06em;
background:radial-gradient(circle,#0b0b0b 52%,#2b2b2b 70%,#0b0b0b 74%);box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 18px rgba(255,255,255,.45),inset 0 0 24px rgba(255,255,255,.25)}