:root{--hub-bg:#06070d;--hub-panel:#090d16;--hub-line:#243040;--hub-magenta:#ee4cff;--hub-cyan:#50e8ff;--hub-text:#f5f4fa;--hub-muted:#a4a7b3}
.hub-shell{min-height:100svh;background:radial-gradient(circle at 78% 20%,rgba(56,29,111,.24),transparent 33%),linear-gradient(180deg,#05070d,#070a12 60%,#04050a);color:var(--hub-text);font-family:"Bahnschrift","Arial Narrow","Segoe UI",sans-serif;overflow-x:hidden}
.hub-shell[hidden]{display:none!important}.awakening-stage[hidden]{display:none!important}
.hub-header{height:96px;min-height:96px;display:grid;grid-template-columns:minmax(260px,360px) 1fr auto;align-items:center;gap:28px;padding:10px clamp(20px,3.5vw,54px);border-bottom:1px solid #1f2735;background:rgba(4,6,12,.93);position:relative;z-index:5}
.hub-brand{display:flex;align-items:center;gap:16px;min-width:0}.hub-brand img{width:70px;height:70px;object-fit:cover;object-position:50% 37%;border-radius:48% 48% 38% 38%;border:1px solid #9b45be;box-shadow:0 0 28px #9327ba55}.hub-brand span{display:grid;gap:3px}.hub-brand strong{font-size:clamp(19px,2vw,29px);letter-spacing:3px;color:#f4bbff;text-shadow:0 0 16px #e344ff80}.hub-brand small{font:12px/1.3 "Segoe UI",sans-serif;color:#b8b5c3;white-space:nowrap}
.hub-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2vw,30px)}.hub-nav a,.hub-nav button{min-width:50px;display:grid;justify-items:center;gap:5px;padding:8px 2px;border:0;background:none;color:#bbbcc5;font:11px/1.1 "Segoe UI",sans-serif;cursor:pointer}.hub-nav a span,.hub-nav button span{font:10px/1 monospace;color:#717887}.hub-nav a:hover,.hub-nav button:hover:not(:disabled),.hub-nav .active{color:white}.hub-nav .active{border-bottom:2px solid var(--hub-magenta)}.hub-nav .active span{color:var(--hub-magenta)}.hub-nav button:disabled{opacity:.48;cursor:not-allowed}
.hub-account{border:1px solid #3fd4e8;color:#aef6ff;padding:10px 16px;font-size:12px;letter-spacing:1px;white-space:nowrap}.hub-account:hover{background:#39dff015;box-shadow:0 0 20px #24cde43a}.hub-account span{color:var(--hub-magenta)}
.hub-main{max-width:1500px;margin:auto;padding:0 clamp(20px,3.4vw,52px)}
.hub-hero{position:relative;min-height:290px;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);align-items:center;border-left:1px solid #c848f64c;border-right:1px solid #44dff13e;border-bottom:1px solid #1d2a3a;overflow:hidden;background:linear-gradient(90deg,rgba(7,9,16,.98) 0 38%,rgba(10,10,24,.72) 58%,rgba(6,8,15,.08)),radial-gradient(circle at 72% 70%,#811ba02b,transparent 40%)}
.hub-hero:before,.hub-hero:after{content:"";position:absolute;pointer-events:none}.hub-hero:before{inset:0;background:linear-gradient(90deg,transparent 49.8%,#43e8ff0d 50%,transparent 50.2%),repeating-linear-gradient(90deg,transparent 0 79px,#7edfff08 80px),repeating-linear-gradient(0deg,transparent 0 59px,#df4bff08 60px);mask-image:linear-gradient(to right,transparent 35%,black)}.hub-hero:after{right:18px;top:20px;width:170px;height:95px;border-top:1px solid #e84fff52;border-right:1px solid #e84fff52;clip-path:polygon(28% 0,100% 0,100% 100%,96% 100%,96% 4%,30% 4%,4% 30%,0 30%)}
.hub-hero-copy{position:relative;z-index:2;padding:40px 34px}.hub-kicker{display:flex;align-items:center;gap:10px;color:#c9c6d2;font-size:10px;letter-spacing:2.4px;margin:0 0 13px}.hub-kicker span{width:7px;height:7px;border-radius:50%;background:#72fda4;box-shadow:0 0 12px #72fda4}.hub-hero h1{font-size:clamp(46px,5.5vw,80px);font-stretch:condensed;letter-spacing:-2px;line-height:.94;margin:0 0 18px;color:#f7f4ff;text-shadow:0 2px 1px #000}.hub-hero h1 em{font-style:normal;color:var(--hub-cyan);text-shadow:0 0 24px #38d7f66d}.hub-hero-copy>p:not(.hub-kicker){color:#c5c4cd;font:clamp(14px,1.4vw,18px)/1.5 "Segoe UI",sans-serif;margin:0}.hub-line{height:18px;width:min(330px,85%);margin-top:22px;border-top:2px solid var(--hub-magenta);border-right:2px solid var(--hub-cyan);clip-path:polygon(0 0,52% 0,56% 40%,70% 40%,73% 0,100% 0,100% 15%,74% 15%,71% 55%,55% 55%,51% 15%,0 15%)}
.hub-hero-art{position:absolute;inset:0 0 0 36%;overflow:hidden}.hub-hero-art:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,#070a12)}.hub-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(1.08) contrast(1.05);opacity:.9;mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 100%)}
.portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px 0 18px}.portal-card{position:relative;min-height:150px;display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;padding:24px 19px 15px;border:1px solid currentColor;border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.008));color:var(--hub-magenta);text-align:left;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 28px rgba(0,0,0,.42);transition:transform .15s,background .15s,box-shadow .15s}.portal-card.cyan{color:var(--hub-cyan)}.portal-card:hover:not(:disabled),.portal-card:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,currentColor 0,rgba(255,255,255,.04) 1px,rgba(255,255,255,.055));box-shadow:0 0 25px color-mix(in srgb,currentColor 22%,transparent),inset 0 0 28px #0007}.portal-card:disabled{cursor:not-allowed;opacity:.58}.portal-number{position:absolute;left:8px;top:6px;border:1px solid currentColor;border-radius:5px;padding:0 7px;font-size:15px;background:#0c111b}.portal-glyph{width:66px;height:66px;display:grid;place-items:center;border:1px solid currentColor;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);font-size:21px;letter-spacing:1px;text-shadow:0 0 13px currentColor;background:color-mix(in srgb,currentColor 8%,transparent)}.portal-copy{min-width:0;display:grid;align-content:center}.portal-copy strong{font-size:17px;letter-spacing:.8px;color:currentColor}.portal-copy small{min-height:48px;color:#c0c1ca;font:12px/1.35 "Segoe UI",sans-serif;margin:4px 0 8px}.portal-copy b{display:flex;justify-content:space-between;align-items:center;min-width:115px;border:1px solid currentColor;padding:5px 11px;border-radius:4px;font-size:11px;font-weight:500}.portal-copy i{margin-top:5px;color:#8e93a1;font:9px/1.2 "Segoe UI",sans-serif;font-style:normal}.portal-card[data-state="online"] .portal-copy i{color:#75f6a3}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b83ee96b;border-bottom:1px solid #243142;padding:13px 2%;margin-bottom:0}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0;padding:2px 5%;border-right:1px solid #39404d}.trust-strip>div:last-child{border:0}.trust-glyph{width:50px;height:50px;display:grid;place-items:center;color:var(--hub-cyan);border:1px solid currentColor;border-radius:50%;font:13px monospace;box-shadow:inset 0 0 18px #45e7ff1e}.trust-strip>div:nth-child(odd) .trust-glyph{color:var(--hub-magenta)}.trust-strip p{display:grid;margin:0}.trust-strip strong{color:currentColor;font-size:13px;letter-spacing:1px}.trust-strip small{color:#aeb0ba;font:11px/1.35 "Segoe UI",sans-serif;margin-top:3px}
.hub-footer{max-width:1500px;margin:auto;min-height:50px;padding:12px clamp(20px,3.4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7e8492;font:10px/1.4 "Segoe UI",sans-serif}.hub-footer>div{display:flex;gap:18px;flex-wrap:wrap}.hub-footer a:hover{color:var(--hub-cyan)}
.hub-status-drawer{max-width:1500px;margin:0 auto;padding:0 clamp(20px,3.4vw,52px) 18px;color:#737987;font:10px/1.5 "Segoe UI",sans-serif}.hub-status-drawer summary{cursor:pointer;text-align:right}.hub-status-drawer nav{display:flex;justify-content:flex-end;gap:18px;margin-top:10px;color:#a98fba}.hub-status-drawer p{max-width:850px;margin:10px 0 0 auto;text-align:right}
.return-hub{margin-left:auto;border:1px solid #c9a8ff44;background:none;color:#bca9d1;border-radius:20px;padding:5px 11px;font-size:10px}.return-hub:hover{color:white;border-color:#c9a8ff}
@media(max-width:1180px){.hub-header{grid-template-columns:auto 1fr auto}.hub-brand small{display:none}.hub-nav{gap:10px}.hub-nav a,.hub-nav button{font-size:10px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-hero{grid-template-columns:1fr}.hub-hero-art{left:42%}}
@media(max-width:760px){.hub-header{min-height:76px;grid-template-columns:1fr auto;padding:8px 16px}.hub-brand img{width:54px;height:54px}.hub-brand strong{font-size:17px;letter-spacing:2px}.hub-nav{grid-column:1/-1;order:3;justify-content:flex-start;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.hub-nav a,.hub-nav button{min-width:60px}.hub-account{padding:8px 10px}.hub-main{padding:0 14px}.hub-hero{min-height:300px;margin-top:10px;display:flex;align-items:flex-end}.hub-hero-art{inset:0}.hub-hero-art img{opacity:.68;mask-image:linear-gradient(to bottom,#000 0,#000 45%,transparent 100%);object-position:60% 40%}.hub-hero-copy{padding:145px 18px 22px}.hub-hero h1{font-size:47px;max-width:360px}.hub-hero-copy>p:not(.hub-kicker){font-size:13px}.portal-grid{grid-template-columns:1fr;gap:10px}.portal-card{min-height:128px;grid-template-columns:60px 1fr;padding:20px 15px 12px}.portal-glyph{width:56px;height:56px;font-size:17px}.portal-copy small{min-height:auto}.trust-strip{grid-template-columns:1fr;padding:6px 0}.trust-strip>div{justify-content:flex-start;border-right:0;border-bottom:1px solid #2a3341;padding:10px 15px}.trust-strip>div:last-child{border:0}.hub-footer{flex-direction:column;text-align:center;padding:18px 16px}.hub-footer>div{justify-content:center}.hub-status-drawer summary,.hub-status-drawer p{text-align:center}.hub-status-drawer nav{justify-content:center;flex-wrap:wrap}.return-hub{margin-left:0}}
@media(max-width:680px){.guide-active .conversation-top{display:flex;justify-content:center;margin-bottom:14px}.guide-active .conversation-top>.overline,.guide-active .guide-badge{display:none}.guide-active .return-hub{display:inline-flex;align-items:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){.portal-card{transition:none}}
.hub-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.hub-actions .hub-account,.hub-subscription{padding:10px 14px;font-size:11px;letter-spacing:.6px;white-space:nowrap}.hub-subscription{border:1px solid transparent;color:#f8d4ff;background:linear-gradient(#060811,#060811) padding-box,linear-gradient(135deg,#ff49ed,#8755ff) border-box;box-shadow:inset 0 0 18px #b23cff18,0 0 14px #a342db1f}.hub-subscription:hover{color:#fff;background:linear-gradient(#160b22,#10091b) padding-box,linear-gradient(135deg,#ff70ef,#9c6cff) border-box;box-shadow:inset 0 0 20px #d34cff22,0 0 22px #c13cff3f}.hub-subscription span{color:var(--hub-cyan)}
@media(max-width:760px){.hub-brand{gap:8px}.hub-brand img{width:44px;height:44px}.hub-brand strong{font-size:14px;letter-spacing:1px}.hub-actions{gap:8px}.hub-actions .hub-account,.hub-subscription{padding:8px 6px;font-size:8px;letter-spacing:0}}