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