.contact-page{min-height:100vh;padding-top:80px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.contact-hero{padding:60px 0 40px;text-align:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;margin-bottom:60px}.contact-hero .contact-hero-content{max-width:800px;margin:0 auto}.contact-hero .contact-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:20px}@media(max-width:768px){.contact-hero .contact-title{font-size:2rem}}.contact-hero [dir=rtl] .contact-title,.contact-hero html[lang=ar] .contact-title{direction:rtl}.contact-hero .contact-subtitle{font-size:1.25rem;opacity:.95;line-height:1.6}@media(max-width:768px){.contact-hero .contact-subtitle{font-size:1rem}}.contact-hero [dir=rtl] .contact-subtitle,.contact-hero html[lang=ar] .contact-subtitle{direction:rtl}.contact-content{padding-bottom:80px}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:stretch}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:30px}}.contact-form-wrapper,.contact-form-wrapper .contact-form-card{display:flex;flex-direction:column;height:100%}.contact-form-wrapper .contact-form-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.contact-form-wrapper .contact-form-card h2{font-size:2rem;font-weight:700;color:#1a2342;margin-bottom:12px}.contact-form-wrapper .contact-form-card [dir=rtl] h2,.contact-form-wrapper .contact-form-card html[lang=ar] h2{direction:rtl}.contact-form-wrapper .contact-form-card .contact-form-description{color:#6c757d;margin-bottom:32px;line-height:1.6}.contact-form-wrapper .contact-form-card [dir=rtl] .contact-form-description,.contact-form-wrapper .contact-form-card html[lang=ar] .contact-form-description{direction:rtl}@media(max-width:768px){.contact-form-wrapper .contact-form-card{padding:24px}.contact-form-wrapper .contact-form-card h2{font-size:1.5rem}}.contact-success-message{display:flex;align-items:center;gap:12px;padding:16px;background:#d4edda;color:#155724;border-radius:8px;margin-bottom:24px;font-weight:500}.contact-success-message svg{flex-shrink:0}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:640px){.contact-form .form-row{grid-template-columns:1fr;gap:0}}.contact-form .form-group{margin-bottom:20px}.contact-form .form-group label{display:block;font-weight:600;color:#1a2342;margin-bottom:8px;font-size:.9375rem}.contact-form .form-group [dir=rtl] label,.contact-form .form-group html[lang=ar] label{direction:rtl;text-align:right}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.contact-form .form-group input.error,.contact-form .form-group textarea.error{border-color:#dc3545}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#adb5bd}.contact-form .form-group textarea{resize:vertical;min-height:120px}.contact-form .form-group .error-message{display:block;color:#dc3545;font-size:.875rem;margin-top:6px}.contact-form .contact-submit-btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px}.contact-form .contact-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px rgba(14,165,233,.3)}.contact-form .contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-info-wrapper{display:flex;flex-direction:column;gap:24px;height:100%}.contact-info-cards{display:flex;flex-direction:column;gap:20px}.contact-info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s ease}.contact-info-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.contact-info-card .contact-info-icon{width:48px;height:48px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.contact-info-card h3{font-size:1.125rem;font-weight:700;color:#1a2342;margin-bottom:8px}.contact-info-card .contact-info-content{color:#6c757d;line-height:1.6;text-decoration:none;display:block}.contact-info-card .contact-info-content:hover{color:#0ea5e9}.contact-info-card p.contact-info-content{margin:0}.contact-social-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06);text-align:center}.contact-social-card h3{font-size:1.25rem;font-weight:700;color:#1a2342;margin-bottom:8px}.contact-social-card p{color:#6c757d;margin-bottom:20px;font-size:.9375rem}.contact-social-card .contact-social-links{display:flex;justify-content:center;gap:16px}.contact-social-card .contact-social-links .social-link{width:48px;height:48px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0ea5e9;transition:all .3s ease}.contact-social-card .contact-social-links .social-link:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgba(14,165,233,.3)}.contact-social-card .contact-social-links .social-link svg{width:24px;height:24px}[dir=rtl] .contact-form,[dir=rtl] .contact-form label{text-align:right}[dir=rtl] .contact-success-message{direction:rtl}[dir=rtl] .contact-info-card{text-align:right}[dir=rtl] .contact-info-card .contact-info-icon{margin-left:auto;margin-right:0}[dir=rtl] .contact-social-card{text-align:center}