*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:72px;padding-bottom:72px;background:#fff;position:relative}.page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,rgba(124,58,237,.28),transparent 60%);opacity:var(--bgOpacity, 1);transition:opacity .3s ease-out;z-index:-1}.hub-header{text-align:center;margin-bottom:32px}.hub-eyebrow{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#6b7280;margin-bottom:8px}.hub-title{font-size:28px;font-weight:600;margin:0 0 8px}.hub-subtitle{font-size:13px;max-width:520px;margin:0 auto;color:#4b5563}.orbit-container{position:relative;width:1020px;height:680px;border-radius:50%;border:1px solid #4b556388}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--coreScale, 1));width:240px;height:240px;border-radius:50%;border:1px solid #4b5563;background:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;--coreGlow: .2;box-shadow:0 0 calc(10px + 30px * var(--coreGlow)) rgba(124,58,237,calc(.15 + .25 * var(--coreGlow))),0 0 calc(30px + 60px * var(--coreGlow)) rgba(15,23,42,calc(0 + .35 * var(--coreGlow)));transition:box-shadow .15s ease-out,transform .18s ease-out}.core-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#9ca3af;margin-bottom:4px}.core-title{font-size:16px;font-weight:600;margin-bottom:4px}.core-text{font-size:10px;color:#6b7280;padding:0 10px;text-align:center}.planets-wrapper{position:absolute;inset:0}.planet-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.planet{width:120px;padding:8px;border-radius:12px;border:1px solid #7c3aed;background:#f5f3ff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px;color:#4c1d95;text-decoration:none;--scale: 1;--planetGlow: 0;--planetColor: rgba(124, 58, 237, .6);transform:scale(var(--scale));box-shadow:0 0 calc(4px + 10px * var(--planetGlow)) color-mix(in srgb,var(--planetColor) 80%,transparent);transition:transform .18s ease-out,box-shadow .18s ease-out}.planet-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#6b21a8;margin-bottom:4px}.planet:hover{transform:scale(calc(var(--scale) * 1.02));box-shadow:0 0 calc(6px + 16px * var(--planetGlow)) var(--planetColor),0 0 26px #0f172a59}@keyframes core-glow{0%{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 28px #7c3aed59}to{box-shadow:0 0 #7c3aed00}}@media(max-width:640px){.orbit-container{width:320px;height:320px}.core{width:120px;height:120px}.planet{width:100px;font-size:11px}.hub-title{font-size:22px}.hub-subtitle{font-size:12px;padding:0 12px}}