:root{--bg-dark: #000212;--card-bg: rgba(10, 14, 35, .7);--accent-blue: #00d2ff;--accent-purple: #9d50bb;--accent-gold: #ffcc33;--text-main: #f5f5f7;--text-muted: #86868b;--border-glow: rgba(0, 210, 255, .3);--glass-border: rgba(255, 255, 255, .1)}.highlight-islam,.highlight-kings{color:var(--accent-blue);font-weight:800;transition:.3s ease;text-shadow:0 0 10px rgba(0,210,255,.2);cursor:pointer;display:inline-block;text-decoration:none}.highlight-islam:hover,.highlight-kings:hover{color:#fff;text-shadow:0 0 15px var(--accent-blue);transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;outline:none;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-dark);color:var(--text-main);font-family:Cairo,sans-serif;min-height:100vh;overflow-x:hidden;width:100%;position:relative;-webkit-font-smoothing:antialiased}img,svg{max-width:100%!important;height:auto!important}.tech-icon{width:45px!important;height:45px!important;object-fit:contain!important}@media(max-width:600px){.tech-stack{gap:20px!important;margin-bottom:40px!important}.tech-icon{width:35px!important;height:35px!important}}.bg-orchestra{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0a0e23,#000212)}.glow-orb{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;animation:float 20s infinite alternate}.orb-1{background:var(--accent-blue);top:-200px;left:-100px}.orb-2{background:var(--accent-purple);bottom:-200px;right:-100px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.nav-container{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border)}@media(min-width:768px){.nav-container{padding:20px 40px}}.brand-logo{font-size:clamp(.9rem,4vw,1.2rem);font-weight:900;letter-spacing:1px;background:linear-gradient(90deg,#fff,var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lang-switch-box{background:#ffffff0d;padding:2px;border-radius:10px;display:flex;align-items:center;gap:5px}.lang-btn{border:none;background:transparent;color:var(--text-muted);padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.8rem;transition:.3s}.lang-btn.active{background:#fff;color:#000}.btn-primary,.btn-secondary,.btn-shimmer{border-radius:12px;font-weight:800;transition:.3s cubic-bezier(.2,1,.3,1);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn-secondary{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:12px 24px}.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent-blue);transform:translateY(-3px)}.btn-shimmer{background:linear-gradient(90deg,#9d50bb,#00d2ff);color:#fff;padding:16px 40px;box-shadow:0 10px 20px -5px #9d50bb66;border:none}.btn-shimmer:hover{transform:scale(1.05);filter:brightness(1.2)}@keyframes shine{to{background-position:200% center}}.hero{padding:60px 15px;text-align:center;max-width:1000px;margin:0 auto}.premium-badge{display:inline-block;padding:1px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);border-radius:999px;margin-bottom:20px}.badge-inner{background:#000;padding:6px 15px;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--accent-blue);display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981}.h-title{font-size:clamp(1.4rem,6vw,4rem)!important;font-weight:950;line-height:1.3;margin-bottom:20px;letter-spacing:-.5px}.text-gradient{background:linear-gradient(to bottom,#fff 40%,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h-sub{color:var(--text-muted);font-size:clamp(.85rem,3.5vw,1.1rem);max-width:600px;line-height:1.6;margin:0 auto 30px}@media(min-width:768px){.hero{padding:100px 20px}.h-title{font-size:4.5rem;line-height:1.1;margin-bottom:25px}.h-sub{font-size:1.25rem;margin-bottom:40px}}.tech-stack{display:flex;justify-content:center;gap:40px;margin-bottom:80px;padding:20px;flex-wrap:wrap;filter:grayscale(1) opacity(.5);transition:.5s}.tech-stack:hover{filter:grayscale(0) opacity(1)}.tech-item{display:flex;flex-direction:column;align-items:center;gap:10px}.tech-icon{width:50px;height:50px;object-fit:contain}.tech-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.journey-section{max-width:1200px;margin:0 auto 100px;padding:0 15px}@media(min-width:768px){.journey-section{margin-bottom:150px;padding:0 20px}}.journey-container{display:flex;flex-direction:column;gap:30px;position:relative}.journey-container:before{content:"";position:absolute;left:20px;top:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--accent-blue),var(--accent-purple),transparent)}.journey-step{padding-left:45px;padding-bottom:40px;position:relative;opacity:0;transform:translateY(20px);transition:.8s cubic-bezier(.2,1,.3,1)}@media(min-width:768px){.journey-step{padding-left:60px;transform:translate(-30px)}}.journey-step.visible{opacity:1;transform:translate(0)}.journey-step:after{content:"";position:absolute;left:14px;top:5px;width:12px;height:12px;background:var(--accent-blue);box-shadow:0 0 15px var(--accent-blue);border-radius:50%;z-index:10}.step-year{font-size:.75rem;font-weight:900;color:var(--accent-blue);margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:1px}.step-title{font-size:1.3rem;font-weight:800;margin-bottom:12px;color:#fff}@media(min-width:768px){.step-title{font-size:1.6rem}}.step-desc{color:var(--text-muted);line-height:1.7;max-width:600px;font-size:.95rem}.bento-grid{display:flex;flex-direction:column;gap:15px;max-width:1200px;margin:0 auto 80px;padding:0 10px}@media(min-width:800px){.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);padding:0 20px;gap:20px;margin-bottom:100px}}.bento-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;padding:25px 20px;position:relative;overflow:hidden;transition:.4s cubic-bezier(.2,1,.3,1)}@media(min-width:768px){.bento-card{padding:40px;border-radius:32px}}.bento-card:hover{transform:translateY(-5px);border-color:var(--accent-blue);box-shadow:0 20px 40px #0006}.bento-1,.bento-2,.bento-3,.bento-4{grid-column:span 12}@media(min-width:800px){.bento-1{grid-column:span 8}.bento-2,.bento-3{grid-column:span 4}.bento-4{grid-column:span 8}}.card-label{color:var(--accent-blue);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px;display:block}.bento-card h3{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;margin-bottom:12px;line-height:1.3}.bento-card p{color:var(--text-muted);line-height:1.7;font-size:.95rem}.stats-bar{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:20px 10px;margin-bottom:50px;display:flex;justify-content:center;background:#ffffff05;flex-wrap:wrap;gap:15px}@media(min-width:768px){.stats-bar{padding:40px 0;margin-bottom:100px;gap:40px}}.stat-item{text-align:center;min-width:100px;flex:1 1 140px}.stat-num{font-size:clamp(1.5rem,5vw,2.5rem)!important;font-weight:950!important;color:#fff!important;display:block!important}.stat-lbl{color:var(--text-muted)!important;font-size:.75rem!important;font-weight:700!important}.sub-hero{padding:80px 20px;text-align:center}.sub-hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:20px}.back-btn-premium{display:inline-flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:14px 28px;border-radius:12px;font-weight:700;margin-top:50px;transition:.3s}.back-btn-premium:hover{background:var(--accent-blue);color:#000;transform:translate(-5px)}.sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px 100px}.digital-core-box{background:#000212f2;border:1px solid var(--accent-blue);border-radius:30px;padding:2.5rem;position:relative;box-shadow:0 0 30px #00d2ff26;text-align:center;max-width:700px;margin:40px auto}.expertise-box{background:#ffffff08;border-radius:20px;padding:20px;margin-top:30px;border-left:3px solid var(--accent-purple)}.sub-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:24px;padding:40px;transition:.3s}.sub-card:hover{border-color:var(--accent-blue);transform:translateY(-5px)}.sub-card h3{color:var(--accent-blue);margin-bottom:15px}.sub-card p{line-height:1.6;color:var(--text-muted)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:#050510;margin:2% auto;width:95%;max-width:800px;border-radius:40px;padding:40px;border:1px solid var(--accent-blue);position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #00d2ff33}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:40px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--accent-blue),var(--accent-purple));border-radius:40px;border:2px solid transparent}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.modal-header-box{text-align:center;margin-bottom:30px}.modal-watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(250px,70vw,400px);max-height:60vh;opacity:.15;pointer-events:none;z-index:1;display:flex;justify-content:center;align-items:center;filter:brightness(.7) contrast(1.1)}.modal-watermark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,210,255,.1))}.category-row{background:#ffcc330d;border-right:4px solid var(--accent-gold);padding:12px 20px;margin:30px 0 15px;font-weight:900;display:flex;align-items:center;gap:10px;color:var(--accent-gold)}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;border-bottom:1px solid rgba(255,255,255,.05);transition:.2s;position:relative;z-index:10}.menu-item:hover{background:#ffffff05}.item-info h4{font-size:1.1rem;color:#fff;margin-bottom:4px}.item-info p{font-size:.85rem;color:var(--text-muted)}.item-price{font-weight:900;color:var(--accent-blue);font-size:1.1rem;text-align:left}.old-price{text-decoration:line-through;color:var(--text-muted);font-size:.8rem;margin-left:8px}.charity-alert{background:#10b9811a;border:1px dashed #10b981;color:#10b981;padding:15px;border-radius:16px;text-align:center;margin-bottom:30px;font-weight:700}.close-btn{position:absolute;top:30px;right:30px;font-size:30px;color:#fff;cursor:pointer}@media(max-width:900px){.bento-grid{display:flex;flex-direction:column}.h-title{font-size:clamp(2rem,10vw,3.5rem)}}@media(max-width:600px){.modal-content{padding:20px;margin:0;width:100%;height:100%;border-radius:0;border:none}.modal-header-box h2{font-size:1.5rem!important}.category-row{font-size:.9rem;padding:10px 15px}.menu-item{flex-direction:column;align-items:flex-start;gap:10px}.item-price{text-align:right;width:100%}.sub-grid{grid-template-columns:1fr}.sub-card{padding:25px}.hero{padding:40px 15px}.connect-area svg{width:50px;height:50px}}
