:root{--portal-purple:#543de5;--portal-purple-dark:#3422a8;--portal-yellow:#f9d128;--portal-pink:#ef8cc6;--portal-mint:#8de3bd;--portal-blue:#69bfe8}
.portal-landing,.workspace-page{min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.17),transparent 30%),radial-gradient(circle at 84% 72%,rgba(249,209,40,.18),transparent 28%),linear-gradient(135deg,#4932d1,#654de8 55%,#3c27ad);color:#fff;overflow-x:hidden}
.portal-shell{min-height:100vh;display:grid;place-items:center;padding:40px 20px;box-sizing:border-box;position:relative;z-index:2}.portal-logo{position:absolute;top:28px;left:clamp(24px,5vw,76px);width:130px;height:auto}.portal-glass{width:min(900px,92vw);padding:clamp(28px,5vw,64px);box-sizing:border-box;border:1px solid rgba(255,255,255,.32);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08));box-shadow:0 30px 90px rgba(27,15,99,.35),inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;margin:0 0 14px;opacity:.78}.portal-glass h1,.workspace-shell h1{font-size:clamp(42px,7vw,82px);line-height:.95;margin:0;letter-spacing:-.045em}.portal-intro,.workspace-intro{font-family:Syne,sans-serif;font-size:18px;opacity:.82;max-width:650px;margin:22px 0 38px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.entry-card{display:flex;align-items:center;gap:20px;padding:28px;border-radius:24px;text-decoration:none;color:#2f2395;background:rgba(255,255,255,.88);box-shadow:0 16px 36px rgba(30,18,104,.18);transition:.25s ease}.entry-card:hover{transform:translateY(-7px) rotate(-.4deg);background:#fff}.entry-card.other{background:rgba(249,209,40,.94)}.entry-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#543de5;color:#fff;font-size:22px}.entry-card strong{display:block;font-size:23px}.entry-card small{display:block;margin-top:7px;line-height:1.45;font-size:13px;opacity:.72}
.floating-products{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.float-product{position:absolute;filter:drop-shadow(0 25px 25px rgba(28,13,96,.3));animation:portalFloat 5s ease-in-out infinite alternate}.float-product.bottle{width:min(18vw,220px);left:-2%;top:18%;transform:rotate(-12deg)}.float-product.headphones{width:min(22vw,290px);right:-3%;top:8%;animation-delay:-1.5s;transform:rotate(12deg)}.float-product.lunchbox{width:min(20vw,260px);right:5%;bottom:-4%;animation-delay:-3s;transform:rotate(-7deg)}@keyframes portalFloat{to{translate:0 -24px;rotate:4deg}}
.workspace-header{max-width:1380px;margin:0 auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.workspace-header img{width:130px}.portal-exit{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);backdrop-filter:blur(12px);transition:.2s;text-decoration:none}.portal-exit:hover{background:#fff;color:#543de5;transform:translateY(-2px)}.portal-exit svg{width:21px;height:21px}.workspace-shell{max-width:1180px;margin:40px auto 100px;padding:0 28px;position:relative;z-index:2}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}.tool-card{min-height:220px;border-radius:26px;padding:28px;box-sizing:border-box;text-decoration:none;color:#3928a7;position:relative;overflow:hidden;transition:.25s;box-shadow:0 18px 45px rgba(28,16,93,.18)}.tool-card:hover{transform:translateY(-7px)}.tool-card.yellow{background:#f9d128}.tool-card.pink{background:#ef8cc6}.tool-card.green{background:#8de3bd}.tool-card.bluegreen{background:#66d2cf}.tool-card.blue{background:#79c7ee}.tool-card h2{font-size:30px;margin:50px 0 8px}.tool-card p{line-height:1.45;max-width:85%;margin:0}.tool-badge{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.65);padding:7px 11px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tool-arrow{position:absolute;right:24px;bottom:18px;font-size:36px}.tool-card[aria-disabled=true]{cursor:not-allowed;opacity:.82}
.portal-header .links{width:auto}.portal-header .portal-exit{border-color:rgba(255,255,255,.55)}.integration-note{font-size:12px;color:#fff;opacity:.75;text-align:center}
@media(max-width:900px){.entry-grid,.tools-grid{grid-template-columns:1fr 1fr}.portal-logo{position:static;margin-bottom:30px}.portal-shell{display:flex;flex-direction:column;justify-content:center}.tools-grid{grid-template-columns:1fr 1fr}.portal-header{padding:0 18px}.portal-header .menu-header-menu-container{overflow-x:auto}.portal-header .menu{min-width:max-content}}
@media(max-width:620px){.entry-grid,.tools-grid{grid-template-columns:1fr}.portal-glass{border-radius:25px}.float-product{opacity:.42}.portal-header .menu-header-menu-container{display:none}.portal-header{margin-top:10px}.workspace-shell h1{font-size:48px}}

/* Transversal workspace keeps the original secondary-card treatment. */
.entry-card.transversal{background:var(--entry-other-bg,rgba(255,255,255,.12));}