.hub-page{min-height:100vh;background:radial-gradient(ellipse at 18% 15%,#27152f 0,transparent 38%),radial-gradient(ellipse at 88% 80%,#31131f 0,transparent 38%),var(--bg)}
.hub-wrap{width:min(980px,90%);margin:0 auto;padding:85px 0 95px}.hub-wrap>h1{font-size:clamp(48px,8vw,86px);line-height:.92}.hub-intro{max-width:650px;color:var(--muted);font-size:14px;line-height:1.85;margin:22px 0 36px}
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.role-card{padding:30px;border-radius:12px;background:linear-gradient(145deg,#1c1b27,#121219);border:1px solid #ffffff20;min-height:390px;display:flex;flex-direction:column;box-shadow:0 16px 45px #0005}.role-card:hover{border-color:#ad5bfa99}.owner-card{background:linear-gradient(145deg,#241a2d,#16151c);border-color:#ff365f55}.role-icon{font-size:38px;color:var(--purple);margin-bottom:18px}.owner-card .role-icon{color:var(--red)}.role-tag{font-size:9px;letter-spacing:2px;color:var(--red);font-weight:800}.role-card h2{font-size:38px;margin:8px 0}.role-card p,.role-card li{color:var(--muted);font-size:12px;line-height:1.8}.role-card ul{padding-left:18px;margin:10px 0 26px}.role-action{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-radius:6px;background:linear-gradient(100deg,var(--purple),var(--red));color:#111018;font-size:11px;letter-spacing:.8px;font-weight:900}.role-action span{font-size:20px}.hub-skip{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}.hub-skip a{color:#e2d8ee;border-bottom:1px solid var(--purple);font-size:10px;font-weight:800;letter-spacing:1px;padding-bottom:5px}.hub-skip span,.hub-note{font-size:10px;color:#7f7c8b}.hub-note{line-height:1.8;max-width:720px;margin-top:35px;border-left:2px solid #ff365f88;padding:5px 0 5px 14px}
@media(max-width:680px){.hub-wrap{padding:58px 0 70px}.role-grid{grid-template-columns:1fr}.role-card{min-height:0;padding:24px}.role-action{margin-top:14px}}
