:root{--hub-bg: #0b0b0d;--hub-card: #161618;--hub-card-hover: #1d1d20;--hub-text: #f5f5f7;--hub-text-muted: rgba(245, 245, 247, .62);--hub-border: rgba(255, 255, 255, .08);--hub-accent: #6c8cff}.hub{min-height:100vh;background:var(--hub-bg);color:var(--hub-text);font-family:Inter,-apple-system,"system-ui",San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;flex-direction:column}.hub__topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--hub-border)}.hub__brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:700;font-size:16px;letter-spacing:-.01em}.hub__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#6c8cff,#b259ff);font-weight:800;color:#fff}.hub__nav{display:inline-flex;align-items:center;gap:24px}.hub__nav-link{color:var(--hub-text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .12s ease}.hub__nav-link:hover{color:var(--hub-text)}.hub__nav-btn{font:inherit;background:transparent;border:0;padding:0;cursor:pointer}.hub__nav-user{pointer-events:none;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub__nav-cta{color:var(--hub-text);background:linear-gradient(135deg,#6c8cff,#b259ff);padding:8px 14px;border-radius:999px;font-weight:600;transition:filter .12s ease}.hub__nav-cta:hover{color:var(--hub-text);filter:brightness(1.08)}.hub__main{flex:1 1 auto;max-width:1180px;width:100%;margin:0 auto;padding:64px 32px 96px;display:flex;flex-direction:column;gap:56px}.hub__hero{text-align:center;display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto}.hub__hero-title{font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:0}.hub__hero-sub{font-size:17px;line-height:1.55;color:var(--hub-text-muted);margin:0}.hub__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.hub__card{position:relative;display:block;padding:0;background:var(--hub-card);border:1px solid var(--hub-border);border-radius:14px;text-decoration:none;color:inherit;overflow:hidden;transition:background .16s ease,transform .16s ease,border-color .16s ease}.hub__card:hover{background:var(--hub-card-hover);border-color:#ffffff29;transform:translateY(-2px)}.hub__card-accent{display:block;height:4px;background:var(--accent, var(--hub-accent))}.hub__card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px}.hub__card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hub__card-title{font-size:17px;font-weight:650;letter-spacing:-.005em}.hub__card-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:999px;background:#ffffff14;color:var(--hub-text-muted)}.hub__card-tagline{font-size:14px;line-height:1.5;color:var(--hub-text-muted);margin:0}.hub__card-cta{margin-top:8px;font-size:13px;font-weight:600;color:var(--accent, var(--hub-accent))}.hub__card-badge--active{background:#46c86424;color:#8de9a3;letter-spacing:.06em}.hub__card-expires{margin:0;font-size:12px;color:var(--hub-text-muted)}.hub__price-row{display:flex;align-items:baseline;gap:16px;margin-top:4px;padding:12px 0;border-top:1px solid var(--hub-border);border-bottom:1px solid var(--hub-border)}.hub__price{display:inline-flex;align-items:baseline;gap:4px}.hub__price-amt{font-size:20px;font-weight:700;color:var(--hub-text);letter-spacing:-.01em}.hub__price-unit{font-size:12px;color:var(--hub-text-muted);font-weight:500}.hub__price-divider{width:1px;align-self:stretch;background:var(--hub-border)}.hub__card-actions{display:flex;gap:8px;margin-top:12px}.hub__btn{font:inherit;font-size:13px;font-weight:600;padding:10px 14px;border:1px solid transparent;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;transition:filter .12s ease,background .12s ease,border-color .12s ease;text-align:center}.hub__btn--primary{color:#fff;background:linear-gradient(135deg,#6c8cff,#b259ff)}.hub__btn--primary:hover{color:#fff;filter:brightness(1.08)}.hub__btn--ghost{color:var(--hub-text);background:transparent;border-color:var(--hub-border)}.hub__btn--ghost:hover{background:#ffffff0a;border-color:#ffffff29}.hub__btn[aria-busy=true]{opacity:.7;cursor:progress}.hub__btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.hub__card-error{margin:4px 0 0;font-size:12px;color:#ff7b7b;line-height:1.4}.hub__card-empty{text-align:center}.hub__card-empty .hub__card-body{align-items:center;padding:32px 24px;gap:16px}.hub__notice{margin:-8px 32px 8px;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:500;text-align:center;border:1px solid transparent}.hub__notice--success{background:#46c8641a;border-color:#46c8644d;color:#b3e5b3}.hub__notice--cancel{background:#ffc84614;border-color:#ffc84640;color:#ffd58a}.hub__loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--hub-text-muted);background:var(--hub-bg);font-family:Inter,sans-serif}.dash-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:999}.dash-splash__bar{position:absolute;top:0;left:0;height:2px;width:30%;background:var(--splash-accent, #0052FF);border-radius:0 2px 2px 0;animation:dash-splash-bar 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes dash-splash-bar{0%{transform:translate(-100%);width:30%}50%{width:50%}to{transform:translate(380%);width:30%}}.dash-splash__pulse{width:16px;height:16px;border-radius:50%;background:var(--splash-accent, #0052FF);opacity:.85;animation:dash-splash-pulse 1.1s ease-in-out infinite}@keyframes dash-splash-pulse{0%,to{transform:scale(.85);opacity:.45}50%{transform:scale(1.25);opacity:1}}@media (prefers-reduced-motion: reduce){.dash-splash__bar{animation:none;opacity:.6;width:100%}.dash-splash__pulse{animation:none}}.hub__footer{padding:24px 32px;text-align:center;font-size:12px;color:var(--hub-text-muted);border-top:1px solid var(--hub-border)}@media (max-width: 640px){.hub__main{padding:32px 20px 64px;gap:40px}.hub__hero-title{font-size:32px}.hub__topbar{padding:16px 20px}}
