.role-canvas[data-v-6f48eecd]{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,rgba(238,75,43,.1) 0,transparent 45%),radial-gradient(100% 90% at 0 100%,rgba(255,215,0,.14) 0,transparent 50%),linear-gradient(180deg,#fffbf2,#f4f3ef)}.wm[data-v-6f48eecd]{position:absolute;color:#ee4b2b;opacity:.06;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.wm-1[data-v-6f48eecd]{top:8%;left:8%;font-size:9rem;transform:rotate(-15deg)}.wm-2[data-v-6f48eecd]{top:16%;right:10%;font-size:7rem;color:gold;opacity:.16;transform:rotate(20deg)}.wm-3[data-v-6f48eecd]{bottom:10%;left:12%;font-size:8rem;transform:rotate(10deg)}.brand-logo[data-v-6f48eecd]{border-radius:9999px;box-shadow:0 0 0 3px rgba(255,215,0,.55),0 6px 16px rgba(77,50,0,.18)}.spinner[data-v-6f48eecd]{width:2.75rem;height:2.75rem;border-radius:9999px;border:3px solid rgba(255,215,0,.3);border-top-color:#ee4b2b;animation:spin-6f48eecd .8s linear infinite}@keyframes spin-6f48eecd{to{transform:rotate(1turn)}}.role-card[data-v-6f48eecd]{border:1px solid #f0e6cc;box-shadow:0 2px 4px rgba(77,50,0,.04),0 12px 24px -8px rgba(77,50,0,.12);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.role-card[data-v-6f48eecd]:hover{transform:translateY(-3px);border-color:#f6c945;box-shadow:0 4px 8px rgba(77,50,0,.05),0 20px 36px -10px rgba(77,50,0,.18)}.role-icon[data-v-6f48eecd]{color:#ee4b2b;background:rgba(238,75,43,.1);transition:background-color .2s ease,color .2s ease}.role-card:hover .role-icon[data-v-6f48eecd]{color:#fff;background:#ee4b2b}