@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#0b0f1a;color:#e8eaf6}a{text-decoration:none;color:inherit}.portal{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 clamp(1.25rem,4vw,2.5rem);position:relative;overflow:hidden}.portal__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 70% 55% at 20% 30%,rgba(59,130,246,.09) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(139,92,246,.08) 0%,transparent 70%),#0b0f1a;pointer-events:none}.portal__bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 0%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 0%,transparent 100%)}.portal__inner{position:relative;z-index:1;width:100%;max-width:1020px;display:flex;flex-direction:column;align-items:center;gap:clamp(1.4rem,3vh,2.2rem)}.portal__hero{text-align:center;opacity:0;animation:fadeUp .55s cubic-bezier(.22,1,.36,1) .05s forwards}.portal__badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a78bfa;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);padding:.3rem .85rem;border-radius:100px;margin-bottom:.9rem}.portal__title{font-family:Outfit,Inter,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#e8eaf6 30%,#a78bfa 70%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portal__grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2vw,1.25rem)}@media(max-width:780px){.portal__grid{grid-template-columns:1fr;max-width:420px}html,body,#root{overflow:auto}.portal{height:auto;min-height:100vh;padding:2rem 1.25rem;justify-content:flex-start}}.app-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(16px);transition:box-shadow .35s ease,transform .35s ease,border-color .3s ease,background .3s ease}.app-card--visible{opacity:1;transform:translateY(0)}.app-card:hover{background:#ffffff12;transform:translateY(-3px)}.app-card--hrm:hover{border-color:#3b82f659;box-shadow:0 16px 48px #3b82f624}.app-card--pt:hover{border-color:#f43f5e59;box-shadow:0 16px 48px #f43f5e24}.app-card--qf:hover{border-color:#8b5cf659;box-shadow:0 16px 48px #8b5cf624}.app-card__accent{height:2px;flex-shrink:0}.app-card--hrm .app-card__accent{background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.app-card--pt .app-card__accent{background:linear-gradient(90deg,#be123c,#fb7185)}.app-card--qf .app-card__accent{background:linear-gradient(90deg,#6d28d9,#a78bfa)}.app-card__body{flex:1;padding:1.35rem 1.4rem 1.1rem;display:flex;flex-direction:column}.app-card__icon-wrap{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;flex-shrink:0}.app-card__icon-wrap img{width:30px;height:30px;object-fit:contain}.app-card__icon-wrap svg{width:24px;height:24px}.app-card--hrm .app-card__icon-wrap{background:#3b82f61f;border:1px solid rgba(59,130,246,.2)}.app-card--pt .app-card__icon-wrap{background:#f43f5e1f;border:1px solid rgba(244,63,94,.2)}.app-card--qf .app-card__icon-wrap{background:#8b5cf61f;border:1px solid rgba(139,92,246,.2)}.app-card__tag{display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .5rem;border-radius:4px;margin-bottom:.55rem}.app-card--hrm .app-card__tag{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.app-card--pt .app-card__tag{background:#f43f5e26;color:#fda4af;border:1px solid rgba(244,63,94,.2)}.app-card--qf .app-card__tag{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.2)}.app-card__name{font-family:Outfit,sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;letter-spacing:-.02em;color:#f0f4ff;margin-bottom:.2rem}.app-card__sub{font-size:.68rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#f0f4ff59;margin-bottom:.7rem}.app-card__desc{font-size:.8rem;line-height:1.55;color:#f0f4ff8c;flex:1}.app-card__features{display:flex;flex-wrap:wrap;gap:5px;margin-top:.9rem}.app-card__pill{font-size:.62rem;font-weight:600;padding:.2rem .55rem;border-radius:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#f0f4ff80}.app-card__cta{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.4rem;border-top:1px solid rgba(255,255,255,.07);font-size:.78rem;font-weight:600;color:#f0f4ffb3;transition:color .2s,background .2s}.app-card:hover .app-card__cta{color:#f0f4ff}.app-card__cta-arrow{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}.app-card:hover .app-card__cta-arrow{transform:translate(3px);background:#ffffff1f}.portal__footer{font-size:.68rem;color:#f0f4ff40;font-weight:500;letter-spacing:.04em;opacity:0;animation:fadeUp .5s ease .7s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::selection{background:#8b5cf640}@media(prefers-reduced-motion:reduce){.portal__hero,.portal__footer,.app-card{animation:none!important;opacity:1!important;transform:none!important}.app-card:hover{transform:none}}