.contacts-wrapper{max-width:1200px;margin:0 auto;padding:20px}.contacts-title{text-align:center;margin-bottom:24px;font-size:32px;font-weight:700}.contacts-box{background:#fff;border-radius:12px;gap:20px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.contacts-tabs{gap:12px;display:flex}.contacts-tab{cursor:pointer;text-align:left;background:#f5f5f5;border:2px solid #0000;border-radius:8px;flex:1;align-items:center;gap:16px;min-height:120px;padding:20px;transition:all .3s;display:flex}.contacts-tab:hover{background:#e8e8e8;transform:translateY(-2px)}.contacts-tab--active{background:#fff;border-color:#28a745;box-shadow:0 4px 12px #28a74533}.contacts-tab-icon{opacity:.6;flex-shrink:0;width:40px;height:40px;transition:all .3s}.contacts-tab-icon--active{opacity:1;filter:brightness(1.2)}.contacts-tab-text{flex-direction:column;gap:4px;display:flex}.contacts-tab-title{color:#333;font-size:20px;display:block}.contacts-tab-subtitle{color:#666;font-size:14px}.contacts-content{background:#fff;flex:1;padding:30px}.contacts-content-title{color:#333;margin-bottom:20px;font-size:26px}.auth-buttons{gap:12px;margin-top:20px;display:flex}.btn-login,.btn-register{text-align:center;border-radius:8px;flex:1;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.btn-login{color:#28a745;background:#fff;border:2px solid #28a745}.btn-login:hover{color:#fff;background:#28a745}.btn-register{color:#fff;background:#28a745;border:2px solid #28a745}.btn-register:hover{background:#218838;border-color:#218838}.whatsapp-btn{padding:12px;font-size:1.1rem;font-weight:600}@media (max-width:768px){.contacts-title{margin-bottom:16px;font-size:24px}.contacts-box{flex-direction:column;gap:0}.contacts-tabs{background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-direction:row;gap:8px;padding:12px}.contacts-tab{text-align:center;flex-direction:column;justify-content:center;gap:8px;min-height:100px;padding:12px 8px}.contacts-tab-icon{width:32px;height:32px}.contacts-tab-text{align-items:center}.contacts-tab-title{font-size:14px}.contacts-tab-subtitle{font-size:11px;display:none}.contacts-content{padding:20px 16px}.contacts-content-title{margin-bottom:16px;font-size:20px}.auth-buttons{flex-direction:column}.btn-login,.btn-register{padding:12px 20px;font-size:15px}}@media (min-width:769px) and (max-width:1024px){.contacts-box{flex-direction:column}.contacts-tabs{background:#f8f9fa;flex-direction:row;padding:16px}.contacts-tab-title{font-size:18px}.contacts-tab-subtitle{font-size:13px}}@media (min-width:1025px){.contacts-box{flex-direction:row;max-width:1000px}.contacts-tabs{background:#f8f9fa;flex-direction:column;flex-shrink:0;width:400px;padding:20px}.contacts-tab{flex-direction:row}.contacts-content{flex-shrink:0;width:580px}}.agent-info{text-align:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.agent-name{color:#333;margin-bottom:6px;font-size:20px;font-weight:700}.agent-id{color:#666;font-size:12px;font-weight:500}