:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f8fafc;background:#050816}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#1e3a8a55,transparent 35%),radial-gradient(circle at 80% 0%,#7c3aed55,transparent 35%),#050816;overflow-x:hidden}.bg span{position:fixed;border-radius:999px;filter:blur(60px);opacity:.35;z-index:-1}.bg span:nth-child(1){width:340px;height:340px;background:#0ea5e9;left:-80px;top:100px}.bg span:nth-child(2){width:420px;height:420px;background:#8b5cf6;right:-120px;top:-80px}.bg span:nth-child(3){width:260px;height:260px;background:#22c55e;right:18%;bottom:-110px}.shell{width:min(1060px,calc(100vw - 32px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#93c5fd;font-size:.78rem;font-weight:800;margin:0 0 5px}.topbar h1,.brand h1{font-size:clamp(2rem,6vw,4.9rem);line-height:.92;margin:0;background:linear-gradient(90deg,#fff,#93c5fd,#d8b4fe);-webkit-background-clip:text;color:transparent}.logout{color:#dbeafe;text-decoration:none;border:1px solid #ffffff22;background:#ffffff10;border-radius:999px;padding:11px 16px;backdrop-filter:blur(16px)}.hero{border:1px solid #ffffff16;background:linear-gradient(180deg,#ffffff16,#ffffff08);backdrop-filter:blur(24px);border-radius:34px;padding:34px;margin:16px 0 22px;box-shadow:0 24px 70px #0008}.badge{display:inline-flex;border:1px solid #60a5fa55;color:#bfdbfe;background:#0f172aaa;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900;letter-spacing:.12em}.hero h2{font-size:clamp(2.4rem,8vw,6rem);line-height:.9;margin:18px 0 12px}.hero p{max-width:650px;color:#cbd5e1;font-size:1.15rem}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card{position:relative;min-height:164px;display:grid;grid-template-columns:64px 1fr;grid-template-areas:'icon text' 'action action';column-gap:16px;row-gap:14px;align-items:start;color:white;text-decoration:none;border:1px solid #ffffff18;border-radius:30px;padding:20px;background:#0f172acc;box-shadow:0 18px 50px #0006;overflow:hidden;transition:.2s transform,.2s border}.app-card:before{content:'';position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(0deg,var(--accent-bottom,#38bdf866),transparent 82%);opacity:.72;border-radius:0 0 30px 30px;pointer-events:none}.app-card:hover{transform:translateY(-5px);border-color:#ffffff44}.orb{grid-area:icon;width:64px;height:64px;border-radius:22px;background:var(--accent);display:grid;place-items:center;font-size:2rem;box-shadow:0 16px 40px #0007;position:relative;z-index:1}.app-card>div:not(.orb){grid-area:text;position:relative;z-index:1}.app-card p{color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;margin:2px 0 5px}.app-card h3{font-size:clamp(1.55rem,7vw,2rem);line-height:1.02;margin:0 0 7px}.app-card span{color:#cbd5e1;line-height:1.35;font-size:.98rem}.app-card strong{grid-area:action;position:relative;z-index:1;margin-top:0}.footnote{color:#94a3b8;text-align:center;padding:26px}.login-page{display:grid;place-items:center}.login-wrap{width:min(980px,calc(100vw - 32px));display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.brand p:not(.eyebrow){color:#cbd5e1;font-size:1.15rem}.login-card{border:1px solid #ffffff18;background:#0f172ad9;backdrop-filter:blur(24px);border-radius:34px;padding:28px;display:grid;gap:14px;box-shadow:0 24px 80px #0008}.lock{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);display:grid;place-items:center;font-size:2rem}.login-card h2{font-size:2rem;margin:0}.login-card input{width:100%;border:1px solid #ffffff18;background:#02061799;color:white;border-radius:16px;padding:15px;font-size:1rem}.login-card button{border:0;border-radius:999px;padding:15px 18px;background:linear-gradient(90deg,#38bdf8,#8b5cf6);color:white;font-weight:900;font-size:1rem;cursor:pointer}.error{display:none;color:#fecaca;background:#7f1d1d88;border:1px solid #ef444455;border-radius:14px;padding:10px;margin:0}.has-error .error{display:block}@media(max-width:820px){.apps,.login-wrap{grid-template-columns:1fr}.topbar{align-items:flex-start}.app-card{min-height:164px}.logout{font-size:.9rem}.brand h1{font-size:3rem}}

/* Store Flip 7 branded icon */
.orb .app-icon{width:100%;height:100%;display:block;border-radius:18px;object-fit:cover;box-shadow:0 10px 22px #0005}
.app-card.flip7-card{background:linear-gradient(180deg,#fff3cd18,#22b8c712);border-color:#fff3cd33}
.app-card.flip7-card .orb{background:transparent;padding:0;border-radius:20px}


/* Store app cards: whole card is the open action v6 */
.app-card{grid-template-areas:'icon text';row-gap:0;min-height:136px;align-items:center}
.app-card strong{display:none!important}
@media(max-width:620px){.app-card{min-height:132px;padding:18px}}