.contact-wrapper {position: relative;}.contact-card {position: relative;height: 100%;background: #ffffff;border: 1px solid #e2e8f0;border-radius: 20px;padding: 36px 32px;box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow: hidden;}.contact-card::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;border-radius: 20px 20px 0 0;}.contact-card-info::before {background: linear-gradient(90deg, #1a82ba 0%, #0ea5e9 100%);}.contact-card-social::before {background: linear-gradient(90deg, #10b981 0%, #0ea5e9 100%);}.contact-card-icon {display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: 14px;margin-bottom: 20px;background: #eff6ff;color: #1a82ba;border: 1px solid #bae6fd;}.contact-card-social .contact-card-icon {background: #ecfdf5;color: #059669;border-color: #a7f3d0;}.contact-card-icon svg {width: 26px;height: 26px;}.contact-card-title {font-size: 1.5rem;font-weight: 800;color: #0f172a;line-height: 1.3;margin: 0 0 18px 0;letter-spacing: -0.01em;}.contact-card-title span {color: #1a82ba;}.contact-card-social .contact-card-title span {color: #059669;}.contact-card-text {font-size: 0.95rem;font-weight: 500;color: #475569;line-height: 1.75;margin: 0 0 14px 0;}.contact-card-text strong {color: #0f172a;font-weight: 700;}.contact-cta {margin-top: 24px;}.contact-btn {display: inline-flex;align-items: center;gap: 10px;padding: 12px 22px;background: linear-gradient(135deg, #1a82ba 0%, #0ea5e9 100%);color: #ffffff;font-size: 0.9rem;font-weight: 700;border-radius: 12px;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(26, 130, 186, 0.25);}.contact-btn svg {width: 18px;height: 18px;transition: transform 0.3s ease;}.contact-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(26, 130, 186, 0.4);color: #ffffff;}.contact-btn:hover svg {transform: translateX(3px);}.social-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;list-style: none;padding: 0;margin: 24px 0 0 0;}.social-item {display: flex;align-items: center;gap: 10px;padding: 12px 14px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;color: #475569;font-size: 0.85rem;font-weight: 600;text-decoration: none;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);white-space: nowrap;}.social-item svg {width: 18px;height: 18px;fill: currentColor;flex-shrink: 0;transition: transform 0.3s ease;}.social-item:hover {transform: translateX(4px);color: #ffffff;border-color: transparent;}.social-item:hover svg {transform: scale(1.15);}.social-facebook:hover {background: #1877f2;}.social-x:hover {background: #000000;}.social-linkedin:hover {background: #0a66c2;}.social-instagram:hover {background: linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );}.social-pinterest:hover {background: #e60023;}.social-youtube:hover {background: #ff0000;}.social-telegram:hover {background: #0088cc;}@media (max-width: 991px) {.contact-card {padding: 28px 24px;}.contact-card-title {font-size: 1.3rem;}.contact-card-text {font-size: 0.9rem;}}@media (max-width: 600px) {.contact-card {padding: 24px 20px;border-radius: 16px;}.contact-card-icon {width: 48px;height: 48px;border-radius: 12px;}.contact-card-icon svg {width: 22px;height: 22px;}.contact-card-title {font-size: 1.2rem;}.social-grid {grid-template-columns: 1fr;}.contact-btn {width: 100%;justify-content: center;}}