@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:#f4f6fb;color:#1a1d2e}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;pointer-events:none;background:radial-gradient(ellipse 65% 50% at 15% 20%,rgba(59,130,246,.08) 0%,transparent 65%),radial-gradient(ellipse 55% 45% at 85% 75%,rgba(139,92,246,.07) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 55% 50%,rgba(244,63,94,.04) 0%,transparent 60%),#f4f6fb}.portal__bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.07) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 40%,black 0%,transparent 100%);mask-image:radial-gradient(ellipse 80% 65% 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:#6d28d9;background:#6d28d914;border:1px solid rgba(109,40,217,.18);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;color:#0f1629}.portal__title span{background:linear-gradient(135deg,#2563eb,#7c3aed 55%,#db2777);-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:#fff;border:1px solid #e5e9f2;box-shadow:0 1px 4px #0f16290f,0 4px 16px #0f16290a;opacity:0;transform:translateY(16px);transition:box-shadow .35s ease,transform .35s ease,border-color .3s ease}.app-card--visible{opacity:1;transform:translateY(0)}.app-card:hover{transform:translateY(-3px)}.app-card--hrm:hover{border-color:#2563eb59;box-shadow:0 8px 32px #2563eb21,0 2px 8px #0f16290f}.app-card--pt:hover{border-color:#e11d4859;box-shadow:0 8px 32px #e11d481f,0 2px 8px #0f16290f}.app-card--qf:hover{border-color:#7c3aed59;box-shadow:0 8px 32px #7c3aed1f,0 2px 8px #0f16290f}.app-card__accent{height:3px;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:#2563eb14;border:1px solid rgba(37,99,235,.16)}.app-card--pt .app-card__icon-wrap{background:#e11d4812;border:1px solid rgba(225,29,72,.15)}.app-card--qf .app-card__icon-wrap{background:#7c3aed12;border:1px solid rgba(124,58,237,.15)}.app-card__tag{display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .55rem;border-radius:4px;margin-bottom:.55rem}.app-card--hrm .app-card__tag{background:#dbeafe;color:#1d4ed8}.app-card--pt .app-card__tag{background:#ffe4e6;color:#be123c}.app-card--qf .app-card__tag{background:#ede9fe;color:#6d28d9}.app-card__name{font-family:Outfit,sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;letter-spacing:-.02em;color:#0f1629;margin-bottom:.2rem}.app-card__sub{font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-bottom:.7rem}.app-card__desc{font-size:.82rem;line-height:1.55;color:#475569;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 .6rem;border-radius:100px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.app-card__cta{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.4rem;border-top:1px solid #f1f5f9;font-size:.78rem;font-weight:600;color:#475569;background:#fafbfd;transition:color .2s,background .2s}.app-card:hover .app-card__cta{color:#0f1629;background:#f4f7ff}.app-card__cta-arrow{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#eef0f7;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}.app-card:hover .app-card__cta-arrow{transform:translate(3px);background:#e0e7ff}.portal__footer{font-size:.68rem;color:#94a3b8;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:#7c3aed26}@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}}