.hub-page{background:radial-gradient(ellipse at 80% 8%,#08225a80,transparent 48%);padding:40px 0 45px}.hub-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:25px;min-height:235px}.hub-hero h1{font-size:clamp(34px,3.6vw,48px);line-height:1.13;letter-spacing:-1.7px;margin:5px 0 18px}.hub-hero h1 span{background:linear-gradient(95deg,#12a8ff,#b653ee);background-clip:text;-webkit-background-clip:text;color:transparent}.hub-intro{font-size:18px;line-height:1.5;max-width:650px}.hub-art{height:240px;position:relative;display:grid;place-items:center;color:#a399ff}.hub-art-main{position:relative;width:150px;height:150px;display:grid;place-items:center;border:1px solid #6960ff;border-radius:22px;background:linear-gradient(145deg,#2362ff,#26248b);transform:rotate(12deg);box-shadow:0 0 65px #114dff60}.hub-art-main svg{width:75px;height:75px}.hub-art-orbit{position:absolute;width:340px;height:90px;border:1px solid #405dff;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 20px #1b5eff55}.hub-art-tile{position:absolute;display:grid;place-items:center;width:64px;height:64px;border:1px solid #303da1;border-radius:11px;background:#142364;transform:rotate(-12deg)}.hub-art-tile svg{width:34px;height:34px}.tile-code{left:20px;top:15px;color:#4c99ff}.tile-sector{right:10px;bottom:25px;color:#bb77ff;transform:rotate(12deg)}.hub-general{display:flex;align-items:center;gap:28px;padding:25px 30px;margin:25px 0 30px;border:1px solid #237cff;border-radius:15px;background:radial-gradient(ellipse at 78% 0,#174bdd80,transparent 65%),linear-gradient(110deg,#0c1b36,#0a1640);box-shadow:inset 0 1px 0 #67a1ff44}.hub-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,#c642f7,#5840ff);color:#fff;border:1px solid #bd8aff66}.hub-icon svg{width:32px;height:32px}.hub-general-icon{width:94px;height:94px;background:linear-gradient(135deg,#1977ff,#0b34bd);border-color:#4685ff}.hub-general-icon svg{width:55px;height:55px}.hub-general .eyebrow{font-size:10px;margin-bottom:5px}.hub-general h2{font-size:29px;margin-bottom:6px}.hub-general p{font-size:14px}.hub-badge{display:inline-block;justify-self:start;border:1px solid #395a80;border-radius:16px;padding:3px 11px;font-size:10px;font-weight:600;line-height:1.5;margin-top:9px;background:#18304c;color:#e3edff}.hub-badge.active{background:#087aed;border-color:#32adff;color:white}.hub-general-arrow{margin-left:auto;display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;color:#93aeff;border:1px solid #3150c9;border-radius:50%;background:#142f7a}.hub-general-arrow svg{width:26px;height:26px}.hub-general-open{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:8px;color:#a1cdff;font-weight:600}.hub-sectors .eyebrow{font-size:11px;margin-bottom:5px}.hub-sectors h2{font-size:29px;margin-bottom:7px}.hub-sectors>p:not(.eyebrow){font-size:14px}.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.hub-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:10px 16px;padding:17px 18px;background:linear-gradient(135deg,#101b34,#081724);border:1px solid #45438b;border-radius:13px;position:relative;transition:border-color .18s,transform .18s,box-shadow .18s}.hub-card:hover{border-color:#a46eff;transform:translateY(-3px);box-shadow:0 0 20px #7347ff25}.hub-card h3{font-size:15px;letter-spacing:-.3px;margin:3px 0 7px}.hub-card p{font-size:11px;line-height:1.55;overflow-wrap:anywhere}.hub-card .hub-badge{grid-column:1/3;margin:0;align-self:end}.hub-card-arrow{position:absolute;right:16px;bottom:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #405379;background:#182c4b;font-size:18px}.hub-empty{padding:22px;border:1px solid #263954;border-radius:12px}.hub-card:focus-visible,.hub-general-open:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
@media(max-width:1050px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-art-orbit{width:260px}.hub-art-main{width:125px;height:125px}.hub-hero h1{font-size:39px}}
@media(max-width:800px){.hub-hero{grid-template-columns:1fr}.hub-art{display:none}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-general{padding:23px;gap:20px}.hub-general-icon{width:70px;height:70px}.hub-general-arrow{display:none}.hub-intro{font-size:16px}.hub-hero h1{font-size:38px}}
@media(max-width:480px){.hub-page{padding-top:28px}.hub-hero h1{font-size:34px;letter-spacing:-1px}.hub-general{align-items:flex-start;gap:15px;padding:20px 17px}.hub-general-icon{width:48px;height:50px}.hub-general-icon svg{width:30px;height:30px}.hub-general h2{font-size:24px}.hub-grid{grid-template-columns:minmax(0,1fr)}.hub-card{min-height:150px}.hub-card p{font-size:13px}.hub-sectors h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hub-card{transition:none}}