:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-main: #0f172a;--card-bg: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #10b981;--glass: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .1);--font-family: "Outfit", "Cairo", sans-serif}[data-theme=light]{--bg-main: #f8fafc;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--glass: rgba(248, 250, 252, .8);--glass-border: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards}nav{height:80px;display:flex;align-items:center;justify-content:space-between;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--glass-border)}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,#818cf8,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero{padding:100px 0 60px;text-align:center}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;font-weight:900}.hero p{color:var(--text-muted);font-size:1.2rem;max-width:600px;margin:0 auto 2rem}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,400px));justify-content:center;gap:2rem;padding:40px 0}.card{background:var(--card-bg);border-radius:24px;overflow:hidden;border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #0000004d}.card-img{width:100%;height:320px;object-fit:cover;object-position:center top}.card-content{padding:1.5rem;text-align:center;flex-grow:1;display:flex;flex-direction:column}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-info{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease}.btn-primary{background:var(--primary);color:#fff;margin-top:auto}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 20px #6366f166}.detail-header{padding:60px 0;display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.artist-avatar{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--primary)}.social-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;justify-content:center}.social-btn{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--glass-border);transition:all .3s ease;font-size:1.2rem}.social-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem}.gallery-item{border-radius:16px;overflow:hidden;height:400px;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery:has(.gallery-item:nth-child(1):last-child){grid-template-columns:1fr;max-width:800px;margin-left:auto;margin-right:auto}.gallery:has(.gallery-item:nth-child(1):last-child) .gallery-item{height:500px}.gallery:has(.gallery-item:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.gallery:has(.gallery-item:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery:has(.gallery-item:nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gallery{grid-template-columns:1fr}.gallery-item{height:300px}.gallery:has(.gallery-item:nth-child(1):last-child) .gallery-item{height:400px}}[dir=ltr]{text-align:left}[dir=rtl]{text-align:right}.back-link{transition:transform .3s ease}.back-link:hover{transform:translate(5px)}[dir=ltr] .back-link:hover{transform:translate(-5px)}[dir=ltr] .back-link i{transform:rotate(180deg)}.theme-toggle,.lang-toggle{background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-main);padding:8px 10px;border-radius:10px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px}.controls{display:flex;gap:10px}.install-btn{background:var(--primary);color:#fff;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px;border:none;cursor:pointer;box-shadow:0 4px 12px #6366f14d}.install-btn i{font-size:1rem}.install-btn span{display:inline-block}@media(max-width:480px){.install-btn span{display:none}.install-btn{padding:8px 12px}}.install-btn.hidden{display:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ios-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:9999;visibility:hidden;opacity:0;transition:all .3s ease}.ios-modal.show{visibility:visible;opacity:1}.ios-modal-content{background:var(--card-bg);width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:30px 20px;text-align:center;position:relative;transform:translateY(100%);transition:transform .3s ease}.ios-modal.show .ios-modal-content{transform:translateY(0)}.ios-modal-title{font-size:1.4rem;font-weight:800;margin-bottom:20px}.ios-step{display:flex;align-items:center;gap:15px;background:#ffffff0d;padding:15px;border-radius:12px;margin-bottom:12px;text-align:right}[dir=ltr] .ios-step{text-align:left}.ios-step-num{background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.close-modal{background:var(--primary);color:#fff;padding:10px 30px;border-radius:12px;margin-top:20px;font-weight:700}@media(max-width:768px){.hero h1{font-size:2.5rem}.nav-subtitle{display:none}.detail-header{flex-direction:column;text-align:center}.social-links{justify-content:center}.artist-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:20px 0}.card-img{height:180px}.card-content{padding:1rem}.card-title{font-size:.9rem;margin-bottom:.25rem}.card-info{font-size:.8rem;margin-bottom:1rem}.btn{padding:.5rem 1rem;font-size:.85rem}}.terms-content,.process-content{margin-top:20px;background:var(--card-bg);padding:30px;border-radius:16px;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.terms-content:before,.process-content:before{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--primary),var(--accent))}[dir=ltr] .terms-content:before,[dir=ltr] .process-content:before{right:auto;left:0}.terms-content,.process-content{line-height:2;font-size:1.05rem}.list-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:16px;padding:12px;background:#6366f10d;border-radius:10px;transition:all .3s ease}.list-item:hover{background:#6366f11a;transform:translate(-5px)}[dir=ltr] .list-item:hover{transform:translate(5px)}.list-number{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;font-weight:700;font-size:.95rem;flex-shrink:0}.list-text{flex:1;padding-top:4px}.text-line{margin-bottom:12px;line-height:1.8}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .1s ease;-webkit-user-drag:none;-webkit-touch-callout:none}.lightbox-content img:active{cursor:grabbing}.lightbox-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{background:#000000b3;color:#fff;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600}.lightbox-info{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:10px;z-index:10001;max-width:90%}.lightbox-description{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 24px;border-radius:12px;font-size:.95rem;text-align:center;max-width:600px;line-height:1.6;display:none;border:1px solid rgba(255,255,255,.1)}.gallery-item{cursor:pointer}@media(max-width:768px){.lightbox-close,.lightbox-nav{width:40px;height:40px;font-size:1rem}.lightbox-close{top:10px;right:10px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-info{bottom:20px;gap:8px}.lightbox-counter{font-size:.8rem;padding:8px 16px}.lightbox-description{font-size:.85rem;padding:10px 16px;max-width:85%}.lightbox-content{max-width:100vw;max-height:100vh;touch-action:none}.lightbox-content img{max-height:100vh;touch-action:none}}