@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Noto+Kufi+Arabic:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Kufi Arabic,Inter,sans-serif;background:#000;min-height:100vh;color:#fff;overflow-x:hidden;position:relative;zoom:80%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f0f),radial-gradient(circle at 25% 25%,rgba(255,107,53,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(247,147,30,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,transparent 0%,rgba(255,107,53,.005) 50%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(247,147,30,.005) 50%,transparent 100%);pointer-events:none;z-index:-1}.arabic{font-family:Noto Kufi Arabic,sans-serif;direction:rtl}.english{font-family:Noto Kufi Arabic,Inter,sans-serif;direction:ltr}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff8c5a,#ff6b35)}.container{max-width:1400px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.btn{padding:14px 28px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;text-align:center;font-family:Noto Kufi Arabic,Inter,sans-serif;letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566;background:linear-gradient(135deg,#ff8c5a,#ff6b35)}.btn-secondary{background:#ffffff0d;color:#fff;border:2px solid rgba(255,107,53,.3)}.btn-secondary:hover{background:#ff6b351a;border-color:#ff6b35;color:#ff6b35}.btn-success{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.card{background:linear-gradient(145deg,#000000e6,#141414d9,#000000e6);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0009,0 4px 16px #0006,inset 0 1px #ff6b351a;border:1px solid rgba(255,107,53,.3);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,107,53,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(247,147,30,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b35,#f7931e,#ff8c5a,#ff6b35);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #000000b3,0 8px 20px #00000080,0 0 30px #ff6b354d,inset 0 1px #ff6b3533;border-color:#ff6b3599}.card:hover:after{opacity:1}.card-premium{background:linear-gradient(145deg,#000000e6,#1a1a1acc);border:1px solid rgba(255,107,53,.4)}.card-premium:hover{box-shadow:0 20px 40px #000000b3,0 0 30px #ff6b354d}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#4b4b4b;font-size:.9rem;font-family:Noto Kufi Arabic,Inter,sans-serif}.form-input{width:100%;padding:12px 16px;border:2px solid rgba(255,107,53,.3);border-radius:8px;font-size:16px;transition:all .3s ease;background:#0009;color:#fff;font-family:Noto Kufi Arabic,Inter,sans-serif}.form-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3533,0 0 10px #ff6b351a;background:#000c}.form-input::placeholder{color:#ffffff80}.form-textarea{min-height:120px;resize:vertical}.luxury-title{font-family:Noto Kufi Arabic,Poppins,sans-serif;font-weight:700;font-size:clamp(3rem,6vw,5rem);color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-.5px;text-shadow:0 0 20px rgba(255,255,255,.4),0 0 40px rgba(255,255,255,.2),0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.luxury-subtitle{font-family:Noto Kufi Arabic,Inter,sans-serif;font-weight:500;font-size:clamp(1.2rem,2.5vw,1.6rem);color:#ff6b35;margin-bottom:32px;letter-spacing:.3px;line-height:1.6;text-shadow:0 0 15px rgba(255,107,53,.6),0 0 30px rgba(255,107,53,.3),0 2px 4px rgba(0,0,0,.3)}.luxury-text{font-family:Noto Kufi Arabic,Inter,sans-serif;font-weight:400;color:#fffffff2;line-height:1.8;font-size:1.1rem;letter-spacing:.3px;text-shadow:0 0 10px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.3)}@keyframes professionalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes professionalSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fadeInUp{animation:professionalFadeIn .8s cubic-bezier(.4,0,.2,1)}.animate-slideIn{animation:professionalSlide .8s cubic-bezier(.4,0,.2,1)}.luxury-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}@media (max-width: 768px){.luxury-grid{grid-template-columns:1fr;gap:24px}}.spinner{width:40px;height:40px;border:2px solid rgba(255,107,53,.3);border-top:2px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.loading-text{font-family:Noto Kufi Arabic,Playfair Display,serif;font-size:1.3rem;color:#ff6b35;font-weight:600}.image-gallery{position:relative;width:100%;height:300px;overflow:hidden;margin-bottom:24px;background:#000}.image-gallery img{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1);filter:brightness(.9) contrast(1.1) saturate(1.1)}.image-gallery:hover img{transform:scale(1.05);filter:brightness(1) contrast(1.2) saturate(1.2)}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000c;color:#d4af37;border:1px solid rgba(212,175,55,.3);width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-nav:hover{background:#d4af37;color:#000;border-color:#d4af37}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}.gallery-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.gallery-indicator{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.gallery-indicator.active{background:#d4af37;transform:scale(1.5)}.luxury-header{background:#1f1f1ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,139,139,.8);position:sticky;top:0;z-index:1000;padding:16px 0;box-shadow:0 1px 3px #0000001a}.luxury-logo{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;color:#1e293b;letter-spacing:.5px}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:120px 0}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.02) 0%,transparent 50%);z-index:-1}.brands-section{padding:100px 0;background:#00000080;position:relative}.brands-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,.02) 0%,transparent 50%,rgba(212,175,55,.02) 100%);z-index:-1}.brand-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:40px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.brand-card:hover{transform:translateY(-8px);border-color:#d4af374d;box-shadow:0 20px 40px #0000004d;background:#d4af370d}.brand-emoji{font-size:2.5rem;margin-bottom:16px;display:block}.brand-name{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:8px}.brand-tagline{color:#ffffff80;font-size:.85rem;font-style:italic}.contact-hero{padding:100px 0;text-align:center;background:#0000004d}.contact-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:48px;text-align:center;transition:all .4s ease}.contact-card:hover{transform:translateY(-8px);border-color:#d4af374d;box-shadow:0 20px 40px #0000004d;background:#d4af370d}.car-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.car-details-content{background:#fff;border-radius:20px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{transform:scale(.8) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.car-details-header{position:absolute;top:20px;right:20px;z-index:10}.car-details-close{background:#fffffff2;border:2px solid rgba(0,0,0,.1);color:#64748b;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.car-details-close:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.1)}.car-details-gallery{position:relative;height:60vh;min-height:400px;overflow:hidden;background:#f1f5f9}.car-details-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.car-details-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;color:#475569;border:2px solid rgba(255,255,255,.8);width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.car-details-nav:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-50%) scale(1.1)}.car-details-nav.prev{left:30px}.car-details-nav.next{right:30px}.car-details-info{padding:40px;color:#1e293b;background:#fff;overflow-y:auto;max-height:40vh}.car-details-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:15px;color:#1e293b;line-height:1.2}.car-details-price{font-size:2.2rem;font-weight:700;color:#059669;margin-bottom:25px;display:flex;align-items:center;gap:10px}.car-details-description{font-size:1.1rem;line-height:1.7;color:#64748b;margin-bottom:35px;font-family:Inter,sans-serif}.car-details-actions{display:flex;gap:15px;flex-wrap:wrap}.luxury-btn{padding:14px 28px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-family:Inter,sans-serif;font-size:1rem;position:relative;overflow:hidden;min-width:160px}.luxury-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.luxury-btn:hover:before{left:100%}.luxury-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.luxury-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.luxury-btn-secondary{background:#64748b1a;color:#475569;border:2px solid rgba(100,116,139,.2)}.luxury-btn-secondary:hover{background:#64748b26;border-color:#64748b;transform:translateY(-2px)}.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.auth-content{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid rgba(212,175,55,.2);border-radius:0;padding:50px;max-width:450px;width:100%;color:#fff;box-shadow:0 25px 50px #000c}.auth-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;text-align:center;margin-bottom:30px;color:#d4af37}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-input{padding:16px 20px;border:1px solid rgba(212,175,55,.3);border-radius:0;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease;font-family:Inter,sans-serif}.auth-input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733}.auth-input::placeholder{color:#fff6}@media (max-width: 768px){.card{padding:24px}.btn{padding:12px 24px;font-size:.85rem}.luxury-title{font-size:2.5rem}.luxury-subtitle{font-size:1.1rem}.luxury-grid{grid-template-columns:1fr}.car-details-content{margin:10px}.car-details-info{padding:24px}.car-details-title{font-size:2rem}.auth-content{padding:30px;margin:20px}.car-details-grid{grid-template-columns:1fr!important;gap:24px!important}.car-details-actions{flex-direction:column;gap:12px}.car-details-actions button{width:100%;justify-content:center}}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);margin:80px 0}.professional-section{padding:80px 0}.section-title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:20px}.section-subtitle{font-size:1.2rem;color:#fff9;text-align:center;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}h1,h2,h3,h4,h5,h6{font-family:Noto Kufi Arabic,Inter,sans-serif;font-weight:600;line-height:1.3;margin-bottom:16px;text-shadow:0 0 10px rgba(255,255,255,.1)}p,span,div{font-family:Noto Kufi Arabic,Inter,sans-serif;line-height:1.6;letter-spacing:.2px}.text-glow{text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.3)}.text-orange-glow{text-shadow:0 0 15px rgba(255,107,53,.6),0 0 30px rgba(255,107,53,.3),0 2px 4px rgba(0,0,0,.3)}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.page-background{position:relative;min-height:100vh}.page-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(255,107,53,.06) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(247,147,30,.04) 0%,transparent 50%),linear-gradient(135deg,transparent 40%,rgba(255,107,53,.02) 50%,transparent 60%);pointer-events:none;z-index:-1;animation:subtleFloat 15s ease-in-out infinite}@keyframes subtleFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-10px) scale(1.02);opacity:1}}
