.contact-hero{background:linear-gradient(135deg,#05346b,#074b98);padding:120px 0 60px;text-align:center;color:#fff;margin-bottom:60px}.contact-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:20px}.contact-hero p{font-size:1.1rem;max-width:600px;margin:0 auto;opacity:.9}.contact-section{padding:80px 0;background:#fff}.section-title{text-align:center;max-width:600px;margin:0 auto 60px}.section-title .title-top{color:#05346b;font-size:1rem;font-weight:600;text-transform:uppercase;margin-bottom:10px}.section-title h3{color:#222;font-size:2rem;font-weight:700;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto;padding:0 20px;align-items:start}.contact-info{padding-right:40px;text-align:center;margin-top:0}.info-item{margin-bottom:30px}.info-item h5{color:#05346b;font-size:1.1rem;font-weight:600;margin-bottom:10px}.info-item p{color:#666;font-size:1rem;line-height:1.6;margin:0}.contact-form{background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000000d;margin-top:0}.form-group{position:relative;margin-bottom:1.5rem}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:4px;transition:all .3s ease;background-color:#fff;font-size:.875rem}.form-control::-moz-placeholder{color:#9ca3af}.form-control::placeholder{color:#9ca3af}.form-control.is-invalid{border-color:#dc2626;background-color:#fff5f5}.form-control.is-invalid::-moz-placeholder{color:#dc2626}.form-control.is-invalid::placeholder{color:#dc2626}.form-control.is-valid{border-color:#059669;background-color:#f0fdf4}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-control.is-invalid:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.form-control.is-valid:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a}textarea.form-control{min-height:120px;resize:vertical}.submit-button{background:#05346b;color:#fff;padding:12px 30px;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%;height:48px}.submit-button:hover{background:#074b98}.social-links{margin-top:30px;display:flex;justify-content:center;gap:15px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f5f5f5;color:#05346b;transition:all .3s ease}.social-links a:hover{background:#05346b;color:#fff}.g-recaptcha{margin:20px 0;display:flex;justify-content:center}.loading{position:relative;opacity:.7;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #05346b;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark .contact-section{background:#1a1b1e}.dark .section-title h3{color:#fff}.dark .contact-form{background:#23272a}.dark .form-control{background:#2d2f34;border-color:#373a40;color:#fff}.dark .info-item p{color:#999}.dark .social-links a{background:#2d2f34;color:#fff}.dark .social-links a:hover{background:#05346b}[dir=rtl] .contact-grid{direction:rtl}[dir=rtl] .contact-info{padding-right:0;padding-left:40px;text-align:right}[dir=rtl] .form-control{text-align:right}[dir=rtl] .social-links a{margin-right:0;margin-left:10px}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}.contact-info{padding-right:0}.contact-form{padding:30px 20px}.contact-hero{padding:100px 20px 50px}.contact-hero h1{font-size:2rem}[dir=rtl] .contact-info{padding-left:0}.form-control{font-size:16px}}.form-control:focus-visible{outline:2px solid #05346b;outline-offset:2px}.submit-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.form-control:disabled{opacity:.7;cursor:not-allowed;background-color:#f3f4f6}.dark .form-control:disabled{background-color:#374151}.form-messages{margin-bottom:20px}.form-message{position:relative;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;font-size:.875rem;animation:slideDown .3s ease-out}.form-message i{margin-right:.5rem;font-size:1rem}.form-message.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.form-message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.close-message{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:currentColor;opacity:.5;cursor:pointer;padding:.25rem;font-size:.875rem}.close-message:hover{opacity:1}[dir=rtl] .close-message,html[lang=ar] .close-message{right:auto;left:1rem}[dir=rtl] .form-message i,html[lang=ar] .form-message i{margin-right:0;margin-left:.5rem}.dark .form-message.success{background-color:#14532d33;border-color:#15803d;color:#bbf7d0}.dark .form-message.error{background-color:#991b1b33;border-color:#dc2626;color:#fecaca}.form-loading{position:relative;pointer-events:none;opacity:.7}.submit-button.loading{pointer-events:none;opacity:.7}.submit-button .button-loader,.submit-button.loading .button-text{display:none}.submit-button.loading .button-loader{display:block}.submit-button:disabled{opacity:.7;cursor:not-allowed}.button-loader i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
