   Saqqr — Contact page selects (strict scoped)
   ========================= */
select, option {
  background-color: #fff;   /* الخلفية ابيض  */
  color: #1a365d;                /* نص اسود */
}
 

:root{--saqqr-dark-blue:#083B66;--saqqr-light-blue:#0E4A7D;--saqqr-turquoise:#00A7B4;--saqqr-gold:#C8A14F}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}
@keyframes bounce{0%,20%,53%,80%,100%{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}
.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}
.bg-saqqr-dark-blue{background-color:var(--saqqr-dark-blue)}.bg-saqqr-light-blue{background-color:var(--saqqr-light-blue)}.bg-saqqr-turquoise{background-color:var(--saqqr-turquoise)}.bg-saqqr-gold{background-color:var(--saqqr-gold)}
.text-saqqr-turquoise{color:var(--saqqr-turquoise)}.text-saqqr-gold{color:var(--saqqr-gold)}.text-saqqr-dark-blue{color:var(--saqqr-dark-blue)}.border-saqqr-turquoise{border-color:var(--saqqr-turquoise)}
.form-input{transition:all .3s ease;backdrop-filter:blur(10px)}
.form-input:focus{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,167,180,.3)}
.form-input:invalid:not(:placeholder-shown){border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.form-input:valid:not(:placeholder-shown){border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}
.drag-drop-area{transition:all .3s ease;position:relative;overflow:hidden}
.drag-drop-area.drag-over{border-color:var(--saqqr-turquoise);background-color:rgba(0,167,180,.1);transform:scale(1.02)}
.drag-drop-area::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,167,180,.1),transparent);transition:left .6s ease}
.drag-drop-area:hover::before{left:100%}
.attachment-preview{background:rgba(255,255,255,.1);border:2px dashed rgba(0,167,180,.3);border-radius:12px;padding:1rem;margin-top:.5rem;transition:all .3s ease}
.attachment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}
.attachment-item:hover{background:rgba(255,255,255,.1)}
.btn-hover{position:relative;overflow:hidden;transition:all .3s ease}
.btn-hover::before{content:"";position:absolute;inset:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}
.btn-hover:hover::before{left:100%}
.btn-hover:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,167,180,.4)}
.counter{font-variant-numeric:tabular-nums}
.sidebar-card{margin-bottom:2rem;min-height:auto;display:flex;flex-direction:column}
.sidebar-card:last-child{margin-bottom:0}
@media (max-width:1024px){.lg\:grid-cols-12{grid-template-columns:1fr;gap:2rem}.lg\:col-span-7,.lg\:col-span-5{grid-column:span 1}.lg\:sticky{position:static;top:auto}.sidebar-card{margin-bottom:1.5rem}}
@media (max-width:768px){.container{padding-left:1rem;padding-right:1rem}.grid.md\:grid-cols-2{grid-template-columns:1fr;gap:1rem}.sidebar-card{margin-bottom:1rem}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.form-input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--saqqr-turquoise);outline-offset:2px}
html{scroll-behavior:smooth}
body{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media print{.no-print{display:none!important}.container{max-width:none!important}}