:root{--brand:#03a9f4;--brand-2:#7dd3fc;--muted:#94a3b8;--card-radius:1.5rem;--card-elevation: 0 10px 30px rgba(2,6,23,.08), 0 4px 10px rgba(2,6,23,.04);--card-elevation-strong: 0 22px 60px rgba(2,6,23,.12), 0 8px 26px rgba(2,6,23,.06)}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reveal{opacity:0;transform:translateY(8px);transition:all .52s cubic-bezier(.2,.9,.3,1)}.reveal.active{opacity:1;transform:none}.text-gradient{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.card-pro{border-radius:var(--card-radius);box-shadow:var(--card-elevation);background:#fff;transition:transform .32s cubic-bezier(.2,.9,.3,1),box-shadow .32s ease,background .32s ease;position:relative;overflow:hidden}.card-pro:hover{transform:translateY(-10px);box-shadow:var(--card-elevation-strong)}.card-pro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #fff9;mix-blend-mode:overlay}.card-pro .card-accent{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#03a9f405,#7dd3fc05);opacity:0;transition:opacity .32s ease;pointer-events:none}.card-pro:hover .card-accent{opacity:1}.app-badge[data-badge=HRMS]{--accent: rgba(3,169,244,.18)}.app-badge[data-badge=Learning]{--accent: rgba(124,58,237,.16)}.app-badge[data-badge=Collab]{--accent: rgba(16,185,129,.14)}.app-badge[data-badge=CRM]{--accent: rgba(249,115,22,.14)}.card-pro:before{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%) translateY(-30%);width:60%;height:28%;background:radial-gradient(closest-side,var(--accent, rgba(3,169,244,.12)),transparent);filter:blur(28px);opacity:.9;transition:opacity .32s ease,transform .32s ease;z-index:0;pointer-events:none;border-radius:50%}.card-pro:hover:before{transform:translate(-50%) translateY(-40%) scale(1.06);opacity:1}.card-pro>*{position:relative;z-index:2}.card-pro .icon-wrap{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.btn-primary{box-shadow:0 10px 30px #03a9f42e}.btn-secondary{box-shadow:0 8px 20px #0f172a0a}.input-pro{border-radius:18px;box-shadow:0 6px 18px #0206170a;transition:box-shadow .2s ease,border-color .2s ease}.input-pro:focus{box-shadow:0 14px 40px #03a9f41f}.badge-pro{background:var(--brand);color:#fff;font-weight:800;font-size:10px;padding:6px 10px;border-radius:999px;box-shadow:0 6px 18px #03a9f41f}.icon-pro{transition:transform .2s ease,background .2s ease,color .2s ease}.icon-pro:hover{transform:translateY(-4px) scale(1.03);color:var(--brand);background:#03a9f40f}.glass-bg{background:linear-gradient(180deg,#fff9,#ffffff73);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-badge{width:100%;max-width:none;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px;position:relative}.app-bg-icon{position:absolute;right:12px;bottom:12px;width:180px;height:180px;opacity:0;transform:translateY(6px) scale(.98);transition:opacity .32s ease,transform .32s cubic-bezier(.2,.9,.3,1),filter .32s ease;pointer-events:none;display:block;z-index:0}.app-bg-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;filter:blur(6px) drop-shadow(0 30px 60px rgba(0,0,0,.45))}.app-bg-icon svg{margin-top:60%;padding-left:40%;height:50%;display:block;stroke:#74d6f4f2;filter:blur(0px) drop-shadow(0 30px 60px rgba(0,0,0,.45))}.group:hover .app-bg-icon{opacity:.22;transform:translateY(-6px) scale(1.05)}.icon-wrap{z-index:12;overflow:visible}.icon-wrap>svg{filter:drop-shadow(0 6px 18px rgba(3,169,244,.08));transition:filter .22s ease,transform .22s cubic-bezier(.2,.9,.3,1)}.app-badge:hover .icon-wrap>svg{filter:drop-shadow(8px 14px 22px rgba(0,0,0,.5));transform:translateY(-4px) scale(1.06)}.app-badge[data-badge=HRMS]:hover .app-bg-icon img{filter:blur(8px) drop-shadow(0 60px 120px rgba(0,0,0,.35))}.app-badge p{font-weight:600}