@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}#root{min-height:100vh}*{font-family:Tajawal,sans-serif}.lead-section{background-image:url(/image%20\(1\).jpg);background-position:50%;background-size:cover;justify-content:flex-end;align-items:center;min-height:100vh;padding:27px 5% 27px 27px;display:flex;position:relative}.overlay{display:none}@media (width<=768px){.lead-section{justify-content:center;padding:27px 16px}.form-card{margin:0 auto}}.form-card{z-index:2;-webkit-backdrop-filter:blur(20px);background:#4e525c8c;border:1px solid #37a5ff99;border-radius:16px;width:100%;max-width:520px;margin:0;padding:32px;position:relative}.form-card h1{color:#fff;text-align:center;margin-bottom:8px}.form-card p{color:#fffc;text-align:center;margin-bottom:20px}.form-card form{flex-direction:column;gap:10px;display:flex}.form-card label{color:#ffffffe6;margin-bottom:-6px;font-size:14px;font-weight:500}.form-card input,.form-card textarea{color:#fff;background:#ffffff0f;border:1px solid #81c3fa99;border-radius:8px;outline:none;padding:12px;font-family:Tajawal,sans-serif;font-size:14px;transition:border-color .25s,background .25s}.form-card input:focus,.form-card textarea:focus{background:#ffffff1a;border-color:#b4bccde6}.form-card input::placeholder,.form-card textarea::placeholder{color:#ffffff59}.form-card textarea{resize:none}.form-card button[type=submit]{cursor:pointer;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:12px 18px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 15px #2563eb66,inset 0 1px #ffffff26}.form-card button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#1e40af 0%,#2563eb 50%,#60a5fa 100%);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb8c,inset 0 1px #fff3}.form-card button[type=submit]:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 10px #2563eb59}.form-card button[type=submit]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{font-size:16px;transition:transform .3s}.form-card button[type=submit]:hover:not(:disabled) .btn-icon{transform:translate(-4px)}.success-msg{text-align:center;color:#86efac;background:#86efac14;border:1px solid #86efac33;border-radius:8px;padding:8px;font-size:13px}.error-msg{text-align:center;color:#fca5a5;background:#fca5a514;border:1px solid #fca5a533;border-radius:8px;padding:8px;font-size:13px}.error{color:#ff8a8a;text-align:right;margin-top:-6px;margin-bottom:2px;font-size:12px;display:block}.counter{text-align:left;color:#fff6;margin-top:-6px;font-size:11px}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input,.textarea-wrapper textarea{width:100%;padding-right:42px}.input-icon{color:#fff;pointer-events:none;flex-shrink:0;position:absolute;right:12px}.input-icon--top{align-self:flex-start;top:14px}