.hub-page{background:radial-gradient(circle at 50% 18%,rgba(120,0,24,.24),transparent 28%),radial-gradient(circle at 12% 82%,rgba(42,0,12,.38),transparent 32%),radial-gradient(circle at 88% 72%,rgba(80,8,8,.18),transparent 30%),linear-gradient(180deg,#030102,#070306 48%,#010101)}.hub-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),repeating-radial-gradient(circle at 50% 42%,transparent 0 90px,rgba(160,0,32,.075) 91px 92px);background-size:72px 72px,72px 72px,auto;-webkit-mask-image:radial-gradient(circle at center,#000 0 58%,transparent 82%);mask-image:radial-gradient(circle at center,#000 0 58%,transparent 82%)}.hub-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at calc(var(--pointer-x) * 100%) calc(var(--pointer-y) * 100%),rgba(255,70,92,.12),transparent 24%),linear-gradient(120deg,transparent 0 46%,rgba(160,0,35,.12) 47%,transparent 48%),linear-gradient(72deg,transparent 0 66%,rgba(255,255,255,.035) 67%,transparent 68%),radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(0,0,0,.58));opacity:.9}.hub-shell{position:relative;z-index:2;display:grid;gap:clamp(34px,5vw,70px);width:min(1440px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:24px 0 36px}.hub-status-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:-28px;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;color:#ffffffa8}.hub-status-ribbon span{position:relative;min-height:42px;padding:13px 14px 12px 30px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(150,0,30,.16),transparent),#ffffff09;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.hub-status-ribbon span:before{content:"";position:absolute;left:13px;top:50%;width:6px;height:6px;border-radius:50%;background:#ff5060;box-shadow:0 0 18px #ff50608c;transform:translateY(-50%)}.hub-topbar,.hub-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.hub-topbar{position:sticky;top:14px;z-index:12;padding:8px 0}.hub-brand{display:flex;align-items:center;gap:12px}.hub-brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 24px #ff374a2e,0 0 calc(var(--kick) * 36px) #ff506033;filter:contrast(1.08) saturate(.92)}.hub-brand strong,.hub-copy h1,.gate-card h2{font-family:var(--font-display)}.hub-brand small,.hub-nav,.hub-footer,.gate-card dl,.gate-card__index,.gate-card__button{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase}.hub-brand span{display:grid}.hub-brand small,.gate-card__mood,.gate-card dd,.hub-copy p{color:#ffffffad}.hub-nav,.hub-footer{flex-wrap:wrap}.hub-nav a,.hub-footer a,.hub-footer button{position:relative;min-height:38px;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:0;background:linear-gradient(90deg,#8200192e,#ffffff09),#ffffff0a;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.hub-nav a:before,.hub-footer a:before,.hub-footer button:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.06);pointer-events:none}.hub-nav a:hover,.hub-footer a:hover,.hub-footer button:hover{border-color:#ff505f61;box-shadow:0 0 28px #96001e2e}.hub-command-log{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;color:#ffffff9e}.hub-command-log span{min-height:54px;padding:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(120,0,22,.16),transparent),#ffffff09}.hub-core-zone{position:relative;display:grid;grid-template-columns:minmax(170px,.34fr) minmax(300px,.76fr) minmax(300px,.92fr) minmax(190px,.38fr);gap:clamp(18px,3vw,44px);align-items:center;min-height:min(690px,calc(100vh - 140px))}.hub-core-zone:before,.hub-core-zone:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:min(72vw,900px);aspect-ratio:1;border:1px solid rgba(255,68,88,.055);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.hub-core-zone:hover .entity-core__orb{filter:saturate(1.22) brightness(1.08)}.hub-core-zone:after{width:min(48vw,640px);border-style:dashed;opacity:.72}.hub-rail{display:grid;gap:10px;align-content:center;min-height:320px;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;color:#e8f4ffb3}.hub-rail span,.hub-rail strong,.hub-rail div{position:relative;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;padding:11px 12px}.hub-rail span:after,.hub-rail strong:after,.hub-rail div:after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-radius:50%;background:#ff5060;box-shadow:0 0 16px #ff50606b;transform:translateY(-50%)}.hub-rail--left span:nth-child(2n){transform:translate(18px)}.hub-rail--right div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.hub-rail--right i{display:block;height:1px;background:linear-gradient(90deg,rgba(255,64,82,.72),transparent)}.hub-rail--right b{color:#ff6c78}.entity-core{position:relative;aspect-ratio:1;min-height:340px;isolation:isolate}.entity-core:before,.entity-core:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;z-index:1;background:#ffffff14;transform:translate(-50%,-50%)}.entity-core:before{width:92%;height:1px}.entity-core:after{width:1px;height:92%}.entity-core__ring,.entity-core__orb,.entity-core__scan{position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.entity-core__ring{width:88%;height:88%;border:1px solid rgba(255,72,92,.24);box-shadow:inset 0 0 80px #78001c47,0 0 120px #6e001247;animation:core-spin 16s linear infinite}.entity-core__ring--outer{width:70%;height:70%;border-style:dashed;opacity:.62;animation-duration:28s;animation-direction:reverse}.entity-core__orb{width:46%;height:46%;background:radial-gradient(circle at 35% 25%,#ffdfe2,transparent 12%),radial-gradient(circle,rgba(170,10,35,.92),rgba(20,0,7,.82) 62%,transparent 72%);box-shadow:0 0 90px #8c00199e;animation:core-breathe 4s ease-in-out infinite}.entity-core__orb:after{content:"";position:absolute;inset:18% 12% auto;height:30%;border-radius:50%;background:linear-gradient(180deg,rgba(255,230,234,.28),transparent);filter:blur(8px)}.entity-core__scan{width:66%;height:12%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,80,98,.62),transparent);filter:blur(12px);animation:core-scan 5s ease-in-out infinite}.entity-core__node{position:absolute;z-index:2;width:16px;height:16px;border-radius:50%;background:#bfefff;box-shadow:0 0 26px currentColor}.entity-core__node--void{top:13%;left:47%;color:#9aa6bb}.entity-core__node--club{right:13%;bottom:34%;color:#ff2d48}.entity-core__node--paradise{left:16%;bottom:27%;color:#d58c58}.hub-copy{max-width:680px}.hub-copy h1{max-width:680px;margin:0 0 18px;font-size:clamp(3rem,6vw,6.15rem);line-height:.9;text-wrap:balance;font-family:"Archivo Black",var(--font-display);text-shadow:calc((var(--pointer-x) - .5) * 10px) 0 0 rgba(255,80,96,.12),0 0 32px rgba(140,0,28,.38)}.hub-copy p:not(.eyebrow){max-width:620px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hub-telemetry{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase}.hub-telemetry span{padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:#41000a47;color:#ffffffc2;transform:translateY(calc((var(--pointer-y) - .5) * -3px))}.theme-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gate-card{position:relative;display:grid;gap:18px;min-height:420px;padding:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0c0407b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}.gate-card>*{position:relative;z-index:1}.gate-card:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;opacity:.42;transition:opacity .22s ease}.gate-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 24% 76%,rgba(255,255,255,.08)),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);opacity:.26}.gate-card__index{display:inline-grid;place-items:center;width:38px;height:38px;margin:0;border:1px solid rgba(255,255,255,.16);background:#0000002e}.gate-card__beam{position:absolute;inset:auto 0 0;height:38%;pointer-events:none;transform:perspective(360px) rotateX(62deg);transform-origin:bottom;opacity:.46}.gate-card__portal{position:absolute;right:22px;top:22px;width:98px;height:98px;pointer-events:none;opacity:.72}.gate-card__portal i{position:absolute;inset:calc(var(--ring) * 14px);border:1px solid currentColor;border-radius:50%;opacity:calc(.16 + var(--ring) * .08);animation:portal-spin calc(10s + var(--ring) * 6s) linear infinite}.gate-card__portal i:nth-child(1){--ring: 0}.gate-card__portal i:nth-child(2){--ring: 1;animation-direction:reverse}.gate-card__portal i:nth-child(3){--ring: 2}.gate-card--void .gate-card__beam{background:linear-gradient(90deg,transparent,rgba(120,136,166,.22),transparent)}.gate-card--void .gate-card__portal{color:#9aa6bb}.gate-card--club .gate-card__beam{background:repeating-linear-gradient(90deg,rgba(185,0,42,.25) 0 2px,transparent 2px 44px),linear-gradient(90deg,transparent,rgba(255,60,78,.22),transparent)}.gate-card--club .gate-card__portal{color:#ff5060}.gate-card--paradise .gate-card__beam{background:linear-gradient(90deg,transparent,rgba(170,86,44,.22),rgba(90,30,24,.16),transparent)}.gate-card--paradise .gate-card__portal{color:#d88b56}.gate-card--void:before{background:radial-gradient(circle,rgba(84,96,120,.36),transparent 58%)}.gate-card--club:before{background:conic-gradient(from 90deg,#b4002a8c,#380014b3,#96501429,#b4002a8c)}.gate-card--paradise:before{background:radial-gradient(circle,rgba(170,58,22,.36),rgba(70,20,20,.2),transparent 62%)}.gate-card:hover,.gate-card:focus-within{transform:translateY(-8px) perspective(800px) rotateX(calc((var(--pointer-y) - .5) * -2deg)) rotateY(calc((var(--pointer-x) - .5) * 2deg));border-color:#ffffff57;box-shadow:0 30px 110px #00000073;filter:saturate(1.18)}.gate-card:hover .gate-card__portal,.gate-card:focus-within .gate-card__portal{opacity:1;filter:drop-shadow(0 0 18px currentColor)}.gate-card h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:.95}.gate-card dl{display:grid;gap:10px;margin:auto 0 0}.gate-card__signal{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;height:56px;margin-top:auto}.gate-card__signal span{display:block;min-height:16px;background:currentColor;opacity:.2;animation:gate-signal 1.8s ease-in-out infinite}.gate-card__signal span:nth-child(2){animation-delay:.12s;min-height:28px}.gate-card__signal span:nth-child(3){animation-delay:.24s;min-height:40px}.gate-card__signal span:nth-child(4){animation-delay:.36s;min-height:22px}.gate-card--void .gate-card__signal{color:#96a8c8}.gate-card--club .gate-card__signal{color:#ff334d}.gate-card--paradise .gate-card__signal{color:#d88b56}.gate-card dl>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px}.gate-card dt,.gate-card dd{margin:0}.gate-card__button{position:relative;display:inline-grid;place-items:center;grid-auto-flow:column;gap:10px;justify-self:start;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1f}.gate-card__button:after{content:"";width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.hub-command-log{margin-top:-18px}.hub-signal-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-10px}.hub-signal-board div{position:relative;display:grid;gap:12px;min-height:148px;padding:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 80% 10%,rgba(255,80,96,.13),transparent 34%),linear-gradient(180deg,#ffffff0e,#0000002e)}.hub-signal-board div:hover{border-color:#ff506057;box-shadow:0 0 34px #ff50601f}.hub-signal-board div:before{content:"";position:absolute;inset:auto -20% 0;height:52%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 24px),linear-gradient(0deg,rgba(255,65,84,.18),transparent);transform:perspective(300px) rotateX(58deg);transform-origin:bottom}.hub-signal-board span{position:relative;z-index:1;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;color:#ffffff94}.hub-signal-board strong{position:relative;z-index:1;align-self:end;font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.85rem);line-height:.96}.hub-signal-board i{position:relative;z-index:1;display:block;height:2px;background:linear-gradient(90deg,#ff5060,transparent);box-shadow:0 0 18px #ff506052}html[data-hub-ambient=void]{background:#06080d}html[data-hub-ambient=club] .hub-page{background:radial-gradient(circle at 80% 12%,rgba(55,244,255,.1),transparent 28%),#07030b}html[data-hub-ambient=paradise] .hub-page{background:radial-gradient(circle at 78% 16%,rgba(255,200,112,.13),transparent 28%),#190c13}@keyframes core-spin{to{rotate:360deg}}@keyframes core-breathe{50%{scale:1.08;filter:saturate(1.4)}}@keyframes core-scan{50%{translate:0 76px;opacity:.28}}@keyframes gate-signal{50%{opacity:.72;transform:scaleY(1.25)}}@keyframes portal-spin{to{rotate:360deg}}@media(max-width:920px){.hub-core-zone,.theme-gates{grid-template-columns:1fr}.hub-rail{min-height:auto}.hub-rail--left,.hub-rail--right{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-core{min-height:260px;max-width:520px;margin:0 auto}.gate-card{min-height:320px}.hub-command-log{grid-template-columns:1fr}.hub-status-ribbon,.hub-signal-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hub-topbar{align-items:flex-start;flex-direction:column}.hub-copy h1{font-size:clamp(2.5rem,13vw,4.2rem)}.gate-card{-webkit-backdrop-filter:none;backdrop-filter:none}.hub-status-ribbon,.hub-signal-board{grid-template-columns:1fr}.hub-status-ribbon{margin-top:0}.gate-card__portal{width:70px;height:70px}}