:root{--hub-ink:#f7fbff;--hub-muted:#9eb0c2;--hub-line:#28435c;--hub-surface:#0e2032;--hub-surface-hi:#142b40;--hub-shadow:#02091280}body{background:radial-gradient(circle at 14% 0,#164258 0,transparent 36%),radial-gradient(circle at 92% 18%,#332458 0,transparent 29%),linear-gradient(145deg,#071523,#091927 58%,#06111d)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.hub-page{position:relative;width:min(1060px,calc(100% - 40px));margin:auto;padding:52px 0 30px;color:var(--hub-ink)}.hub-hero{text-align:center;margin-bottom:31px}.hub-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:32px;text-align:left}.hub-brand img{width:43px;height:43px}.hub-brand strong,.hub-brand small{display:block}.hub-brand strong{font-size:15px;letter-spacing:.12em}.hub-brand small{margin-top:4px;color:#7ee4d8;font-size:9px;font-weight:800;letter-spacing:.2em}.hub-hero h1{max-width:720px;margin:0 auto;font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.045em}.intro{margin:14px 0 0;color:var(--hub-muted);font-size:15px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-card{--accent:#55d9cc;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 34px;gap:16px;align-items:center;min-height:174px;padding:25px 24px;border:1px solid var(--hub-line);border-radius:22px;background:linear-gradient(145deg,var(--hub-surface-hi),var(--hub-surface));box-shadow:0 20px 46px var(--hub-shadow),inset 0 1px #ffffff0d;color:inherit;text-decoration:none;overflow:hidden;transition:transform .16s ease,border-color .16s ease}.portal-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-95px;border-radius:50%;background:var(--accent);opacity:.1}.portal-card:hover,.portal-card:focus-visible{transform:translateY(-3px);border-color:var(--accent)}.portal-card.admin{--accent:#67a8ff}.portal-card.owner{--accent:#b98cff}.portal-card.manager{--accent:#f4bf68}.icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 65%,#fff0);border-radius:17px;background:color-mix(in srgb,var(--accent) 17%,#071523);color:var(--accent);font-size:28px;font-weight:800}.card-copy{display:block;min-width:0}.card-top{display:flex;align-items:center;gap:9px;margin-bottom:12px}.card-top b{color:var(--accent);font-size:10px;letter-spacing:.18em}.card-top em{padding:4px 7px;border:1px solid #ffffff18;border-radius:999px;color:#9fb0c1;background:#ffffff08;font-size:9px;font-style:normal;font-weight:700}.card-copy>strong{display:block;margin-bottom:7px;font-size:17px}.card-copy>small{display:block;color:var(--hub-muted);font-size:12px;line-height:1.55}.arrow{position:relative;color:var(--accent);font-size:27px}.help{display:flex;justify-content:center;align-items:center;gap:19px;flex-wrap:wrap;margin:22px 0 0;padding:15px 20px;border:1px solid #244059;border-radius:15px;background:#071522b8;color:#9fb1c3;font-size:11px}.help strong{color:#fff}.help b{color:#75e5d8}.help button{margin-left:auto;border:0;background:none;color:#75e5d8;font:700 11px inherit;cursor:pointer}footer{text-align:center;margin-top:25px;color:#71869a;font-size:10px}@media(max-width:720px){.hub-page{width:min(100% - 24px,560px);padding:30px 0 22px}.hub-hero{margin-bottom:22px}.hub-brand{margin-bottom:24px}.portal-grid{grid-template-columns:1fr;gap:12px}.portal-card{min-height:146px;padding:20px 17px;grid-template-columns:50px minmax(0,1fr) 24px;gap:13px;border-radius:18px}.icon{width:50px;height:50px;border-radius:15px;font-size:24px}.card-copy>strong{font-size:15px}.card-copy>small{font-size:11px}.help{justify-content:flex-start;gap:8px 16px}.help button{margin-left:0}}@media(max-width:390px){.portal-card{grid-template-columns:44px minmax(0,1fr);padding:18px 15px}.icon{width:44px;height:44px}.arrow{display:none}.card-top{align-items:flex-start;flex-direction:column;gap:5px}.hub-hero h1{font-size:30px}}