@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap";:root{--bg-dark:#050505;--bg-card:#12121299;--border-color:#ffffff0d;--text-main:#e5e7eb;--text-muted:#a1a1aa;--primary:#c5a059;--primary-glow:#c5a05933;--primary-glow-hover:#c5a05999}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);direction:rtl;background-image:radial-gradient(circle at 50% -20%,#c5a05914,#0000 50%);background-attachment:fixed;font-family:Tajawal,sans-serif;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 35px var(--primary-glow-hover)}to{box-shadow:0 0 15px var(--primary-glow)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{flex-direction:column;min-height:100vh;display:flex}header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#050505cc;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:sticky;top:0}.logo{object-fit:contain;mix-blend-mode:lighten;height:45px;transition:transform .3s,filter .3s}.logo:hover{filter:drop-shadow(0 0 8px var(--primary-glow-hover));transform:scale(1.05)}.nav-links{align-items:center;gap:1.5rem;display:flex}.social-link{color:var(--text-main);border:1px solid var(--border-color);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-link:hover{color:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-2px)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.6rem;padding:.75rem 1.75rem;font-family:inherit;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#050505;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow-hover);background:#d8b663;transform:translateY(-2px)}.btn-outline{color:var(--primary);background:#12121266;border-color:#c5a0594d}.btn-outline:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);background:#c5a0591a}.hero{text-align:center;flex:1;justify-content:center;align-items:center;padding:6rem 2rem 4rem;display:flex;position:relative}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:1.8rem;max-width:900px;display:flex}.hero-badge{color:var(--primary);background:#c5a0591a;border:1px solid #c5a0594d;border-radius:30px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:700;display:inline-block}.hero h1{color:var(--text-main);text-shadow:0 0 40px #00000080;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1}.hero h1 span{color:var(--primary);text-shadow:0 0 25px var(--primary-glow-hover)}.hero p{color:var(--text-muted);max-width:700px;font-size:1.25rem;font-weight:500;line-height:1.8}.hero-actions{gap:1.5rem;margin-top:1.5rem;display:flex}.app-image-container{width:92%;max-width:1000px;box-shadow:0 30px 60px #000c, 0 0 0 1px var(--border-color);background:#050505;border-radius:20px;justify-content:center;align-items:center;margin:2rem auto 6rem;display:flex;overflow:hidden}.hero-preview-img{object-fit:cover;width:100%;height:auto;display:block}.features{max-width:1300px;margin:0 auto;padding:6rem 5%}.section-title{text-align:center;color:var(--text-main);margin-bottom:4rem;font-size:2.8rem;font-weight:900}.section-title span{color:var(--primary)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid}.feature-card{flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:radial-gradient(circle at top left, var(--primary-glow), transparent 60%);opacity:0;z-index:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.feature-card:hover{box-shadow:0 15px 40px #0009, 0 0 20px var(--primary-glow);border-color:#c5a05966;transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-card>*{z-index:1;position:relative}.feature-icon{width:60px;height:60px;color:var(--primary);background:#c5a05914;border:1px solid #c5a05933;border-radius:14px;justify-content:center;align-items:center;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:var(--primary);color:#050505;box-shadow:0 0 15px var(--primary-glow)}.feature-card h3{color:var(--text-main);font-size:1.4rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:1rem;line-height:1.7}.audio-showcase{max-width:1200px;margin:0 auto;padding:6rem 5%}.audio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.audio-card{cursor:pointer;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.audio-card:hover{box-shadow:0 10px 30px #00000080, 0 0 15px var(--primary-glow);border-color:#c5a0594d;transform:translateY(-5px)}.audio-card.active{border-color:var(--primary);box-shadow:0 15px 40px #0009, 0 0 25px var(--primary-glow-hover);background:#c5a0590d}.audio-card-content{z-index:1;justify-content:space-between;align-items:center;display:flex}.audio-info h3{color:#fff;margin-bottom:.5rem;font-size:1.4rem}.audio-info p{color:var(--text-muted);font-size:.95rem}.play-circle-btn{width:55px;height:55px;color:var(--primary);cursor:pointer;background:#c5a0591a;border:1px solid #c5a0594d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.audio-card:hover .play-circle-btn{background:var(--primary);color:#000;box-shadow:0 0 15px var(--primary-glow);transform:scale(1.1)}.audio-card.active .play-circle-btn{background:var(--primary);color:#000;transform:scale(1.1)}.audio-visualizer{z-index:1;justify-content:center;align-items:flex-end;gap:4px;height:30px;display:flex}.audio-visualizer .bar{background:var(--primary);border-radius:2px;width:4px;animation:.8s ease-in-out infinite alternate visualize}.audio-visualizer .bar:first-child{height:30%;animation-delay:.1s}.audio-visualizer .bar:nth-child(2){height:60%;animation-delay:.2s}.audio-visualizer .bar:nth-child(3){height:100%;animation-delay:.3s}.audio-visualizer .bar:nth-child(4){height:50%;animation-delay:.4s}.audio-visualizer .bar:nth-child(5){height:80%;animation-delay:.5s}@keyframes visualize{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.use-cases{max-width:1200px;margin:0 auto;padding:6rem 5%}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid}.use-case-card{text-align:center;background:#12121299;border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;transition:all .4s;position:relative;overflow:hidden}.use-case-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;width:100%;height:2px;transition:opacity .4s;position:absolute;top:0;left:0}.use-case-card:hover{background:#191919cc;border-color:#c5a05933;transform:translateY(-8px);box-shadow:0 15px 40px #0006}.use-case-card:hover:before{opacity:1}.use-case-icon{width:70px;height:70px;color:var(--primary);background:#c5a0591a;border:1px solid #c5a0594d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex;box-shadow:0 0 15px #c5a0591a}.use-case-card h3{color:#fff;margin-bottom:1rem;font-size:1.4rem}.use-case-card p{color:var(--text-muted);font-size:1rem;line-height:1.7}.about{background:linear-gradient(#0000,#121212cc,#0000);border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff05;padding:8rem 5%}.about-content{text-align:center;max-width:800px;margin:0 auto}.about-content p{color:var(--text-main);margin-bottom:2rem;font-size:1.2rem;font-weight:400;line-height:2}.developer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.dev-link{color:var(--primary);background:#c5a0591a;border:1px solid #c5a0594d;border-radius:30px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.dev-link:hover{background:var(--primary);color:#000;box-shadow:0 0 15px var(--primary-glow);transform:translateY(-2px)}.floating-contact{z-index:100;background:0 0;border:none;position:fixed;bottom:2.5rem;right:2.5rem}.contact-btn{background:var(--primary);color:#050505;width:65px;height:65px;box-shadow:0 5px 25px var(--primary-glow-hover);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);animation:3s infinite pulse-glow;display:flex}.contact-btn:hover{transform:scale(1.15)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);text-align:center;width:90%;max-width:500px;box-shadow:0 20px 50px #00000080, 0 0 30px var(--primary-glow);border:1px solid #c5a05933;border-radius:24px;padding:3rem;position:relative}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .3s;position:absolute;top:1.5rem;left:1.5rem}.close-btn:hover{color:var(--text-main)}.modal-content h2{margin-bottom:1rem;font-size:1.8rem;font-weight:900}.modal-content p{color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.modal-actions{flex-direction:column;gap:1.2rem;display:flex}footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:auto;padding:3rem 2rem}@media (width<=768px){header{padding:1rem 5%}.hero{padding-top:3rem;padding-bottom:3rem}.audio-showcase,.use-cases,.about{padding-top:4rem;padding-bottom:4rem}.section-title{margin-bottom:2rem;font-size:2rem}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{justify-content:center;width:100%}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;background:#050505f2;border-top:1px solid #c5a05933;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.8rem 5%;display:flex;position:fixed;bottom:0;left:0}.floating-contact{bottom:5.5rem;right:1.5rem}.contact-btn{width:55px;height:55px}footer{padding-bottom:6rem}}.preloader{z-index:9999;background-color:#050505;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.preloader-logo{object-fit:contain;mix-blend-mode:lighten;height:80px;animation:2s infinite fade-pulse}@keyframes fade-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}