.role-box[data-v-24257ab4]{width:100%;height:300px;padding-bottom:40px;justify-content:center}.role-box .role-container[data-v-24257ab4]{width:100%;max-width:1200px;margin:0 auto;padding:40px 16px;box-sizing:border-box;align-items:center;justify-content:center;text-align:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.role-box .title-section[data-v-24257ab4]{margin-bottom:20px}.role-box .title-section .main-title[data-v-24257ab4]{font-size:28px;font-weight:700;color:#233379;margin-bottom:12px;line-height:1.2}.role-box .title-section .subtitle[data-v-24257ab4]{font-size:16px;color:#666;line-height:1.5}.role-box .button-group[data-v-24257ab4]{display:flex;gap:16px}.role-box .button-group .primary-btn[data-v-24257ab4]{padding:12px 24px;background-color:#233379;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.role-box .button-group .primary-btn[data-v-24257ab4]:hover{transform:translateY(-1px)}.role-box .button-group .secondary-btn[data-v-24257ab4]{padding:12px 24px;background-color:transparent;color:#233379;border:1px solid #233379;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.role-box .button-group .secondary-btn[data-v-24257ab4]:hover{transform:translateY(-1px)}@media screen and (max-width:900px){.role-box .button-group[data-v-24257ab4]{flex-direction:column;width:100%;max-width:260px}}