*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1521;--fg:#f0ede6;--accent:#c8ff00;--muted:#6b6b6b}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg);color:var(--fg);justify-content:center;align-items:center;min-height:100dvh;font-family:Space Grotesk,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}main{text-align:center;z-index:1;justify-content:center;align-items:center;padding:2rem;display:flex}.orbit-system{justify-content:center;align-items:center;width:clamp(320px,70vmin,700px);height:clamp(320px,70vmin,700px);display:flex;position:relative}.orbit{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.orbit-1{width:60%;height:60%}.orbit-2{width:80%;height:80%}.orbit-3{width:100%;height:100%}.orbit-icon{color:#ffffffd9;filter:drop-shadow(0 0 3px #fff6)drop-shadow(0 0 12px #c8dcff26);background:var(--bg);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s,color .3s;display:flex;position:absolute;top:50%;left:50%}.orbit-icon:hover{color:#fff;filter:drop-shadow(0 0 6px #ffffffb3)drop-shadow(0 0 20px #c8dcff59)}.orbit-1 .orbit-icon:hover,.orbit-2 .orbit-icon:hover,.orbit-3 .orbit-icon:hover{transform:translate(-50%,-50%)scale(1.2)}.orbit-icon:after{content:attr(data-tooltip);white-space:nowrap;letter-spacing:.02em;color:var(--fg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#ffffff14;border-radius:6px;padding:4px 10px;font-family:Space Grotesk,system-ui,sans-serif;font-size:.75rem;font-weight:400;transition:opacity .25s,transform .25s;position:absolute}.orbit-icon:hover:after{opacity:1}.orbit-1 .orbit-icon:after{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.orbit-1 .orbit-icon:hover:after{transform:translate(-50%)}.orbit-2 .orbit-icon:after{top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.orbit-2 .orbit-icon:hover:after{transform:translate(-50%)}.orbit-3 .orbit-icon:after{top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.orbit-3 .orbit-icon:hover:after{transform:translate(-50%)}.orbit-icon.tooltip-visible:after{opacity:1}.orbit-1 .orbit-icon.tooltip-visible:after,.orbit-2 .orbit-icon.tooltip-visible:after,.orbit-3 .orbit-icon.tooltip-visible:after{transform:translate(-50%)}.orbit-icon.tooltip-visible{color:#fff;filter:drop-shadow(0 0 6px #ffffffb3)drop-shadow(0 0 20px #c8dcff59)}.orbit-icon svg{flex-shrink:0;width:20px;height:20px;display:block}.orbit-1 .orbit-icon{margin-top:-50%;transform:translate(-50%,-50%)}.orbit-2 .orbit-icon{margin-top:32.15%;margin-left:-38.3%;transform:translate(-50%,-50%)}.orbit-3 .orbit-icon{margin-top:32.15%;margin-left:38.3%;transform:translate(-50%,-50%)}.hero{letter-spacing:-.04em;color:var(--fg);-webkit-user-select:none;user-select:none;font-family:Syne,sans-serif;font-size:clamp(4rem,12vmin,8rem);font-weight:800;line-height:.85;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative}.hero:hover{transform:scale(1.03)}#grain{pointer-events:none;opacity:.035;z-index:2;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.hero,.hero:after,.link{transition:none}#grain{display:none}}