/* Super Suite hub (/app): sign-in and workspace launcher. */
[hidden]{display:none!important}
.hub{min-height:calc(100vh - 66px)}
.hub section{border-top:0;padding:clamp(48px,8vw,96px) 0}
.card-in{max-width:420px;margin:0 auto;display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:32px}
.card-in h1{font-size:40px}
.card-in label{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.card-in input{height:52px;border-radius:14px;border:1px solid var(--line2);background:var(--bg2);color:var(--ink);font:600 16px var(--ui);padding:0 16px}
.card-in input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(142,197,255,.2)}
.hub-err{min-height:1.4em;color:#ffb4a8;font-size:14px}
.hub-home h1{font-size:clamp(36px,5vw,56px);margin-top:14px}
.hub-home .lede{margin-top:12px}
.mods{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.mod{border-radius:var(--r);border:1px solid var(--line);background:var(--surface);padding:28px;display:flex;flex-direction:column;gap:10px}
.mod .who{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.mod.studio .who{color:#b9acff}.mod.desk .who{color:var(--acc)}
.mod h2{font-size:28px}
.mod p{color:var(--ink2)}
.mod .go{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.hub-foot{margin-top:28px;font-size:14px}
.nav .acts{margin-left:auto;display:flex;align-items:center;gap:12px}
@media(max-width:800px){.mods{grid-template-columns:1fr}}
.mods{grid-template-columns:repeat(2,1fr)}
a.mod{text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
a.mod:hover{border-color:var(--acc);transform:translateY(-2px)}
.mod.ads .who{color:#f0c27a}.mod.analytics .who{color:#9bd3a8}.mod.admin .who{color:var(--acc)}.mod.cos .who{color:var(--muted);display:flex;align-items:center;gap:10px}
.mod.soon{opacity:.72;border-style:dashed}
.pass{margin-top:28px;max-width:420px}
.pass summary{cursor:pointer;color:var(--ink2);font-weight:700}
.pass form{display:grid;gap:8px;margin-top:14px}
.pass label{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.pass input{height:46px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2);color:var(--ink);font:600 15px var(--ui);padding:0 14px}
.pass .btn{justify-self:start;margin-top:8px}