:root{--accent:#7e14ff;--accent2:#47bfff;--dark:#0d0817;--dark2:#1e1730;--text:#f1ecfb;--text-light:#a99cc9;--light:#241b3d;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Noto Naskh Arabic','Readex Pro',sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;}

.zbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(21,16,34,.92);backdrop-filter:blur(14px);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;}
.zbar a.back{color:rgba(255,255,255,.75);font-size:.82rem;display:flex;align-items:center;gap:6px;}
.zbar .zbadge{color:rgba(255,255,255,.55);font-size:.78rem;display:flex;align-items:center;gap:6px;}
.zbar .zbadge b{color:var(--accent2);}
.lang-switcher{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:4px 8px;font-size:.76rem;font-family:inherit;cursor:pointer;}
.lang-switcher option{background:#151022;color:#fff;}
@media(max-width:600px){.zbar .zbadge{display:none;}}

header.hero{min-height:78vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:70px 20px 40px;color:#fff;}
header.hero .bg{position:absolute;inset:0;z-index:0;}
header.hero .overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(21,16,34,.55),rgba(21,16,34,.85));}
header.hero .inner{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center;width:100%;}
.biz-icon{width:84px;height:84px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 22px;box-shadow:0 15px 40px rgba(0,0,0,.3);overflow:hidden;}
.biz-icon img{width:100%;height:100%;object-fit:cover;}
.biz-cat{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 18px;border-radius:20px;font-size:.82rem;margin-bottom:16px;}
.biz-name{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;margin-bottom:12px;}
.biz-tagline{font-size:1.05rem;color:rgba(255,255,255,.82);max-width:520px;margin:0 auto 30px;line-height:1.8;}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn{padding:14px 30px;border-radius:30px;font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;transition:.25s;font-family:inherit;}
.btn.primary{background:var(--accent2);color:#04263d;}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(71,191,255,.35);}
.btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.btn.ghost:hover{background:rgba(255,255,255,.2);}

section{padding:60px 20px;}
.wrap{max-width:1100px;margin:0 auto;}
.sec-title{text-align:center;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--accent2);margin-bottom:8px;}
.sec-sub{text-align:center;color:var(--text-light);max-width:520px;margin:0 auto 40px;line-height:1.8;font-size:.92rem;}

.about-box{max-width:720px;margin:0 auto;text-align:center;color:var(--text-light);line-height:2;font-size:1rem;}

.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;}
.item-card{background:var(--dark2);border:1px solid rgba(126,20,255,.18);border-radius:18px;padding:20px;transition:.25s;}
.item-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.4);border-color:var(--accent2);}
.item-icon{width:46px;height:46px;border-radius:12px;background:rgba(126,20,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--accent2);margin-bottom:14px;}
.item-name{font-weight:700;font-size:1rem;margin-bottom:4px;color:var(--text);}
.item-desc{font-size:.82rem;color:var(--text-light);margin-bottom:10px;line-height:1.6;min-height:1em;}
.item-price{color:var(--accent2);font-weight:700;font-size:.95rem;}

.info-strip{background:var(--dark2);border-radius:22px;padding:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;box-shadow:0 15px 50px rgba(0,0,0,.35);}
.info-item{text-align:center;}
.info-item i{width:50px;height:50px;border-radius:14px;background:rgba(126,20,255,.18);color:var(--accent2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 12px;}
.info-item h4{font-size:.9rem;color:var(--text-light);margin-bottom:6px;}
.info-item p{font-weight:700;color:var(--text);}

.cta-strip{background:linear-gradient(135deg,#4c0aa6,#7e14ff,#47bfff);border-radius:26px;padding:46px 30px;text-align:center;color:#fff;}
.cta-strip h3{font-size:1.5rem;margin-bottom:10px;}
.cta-strip p{color:rgba(255,255,255,.82);margin-bottom:24px;max-width:460px;margin-left:auto;margin-right:auto;}
.sample-note{color:rgba(255,255,255,.6)!important;font-size:.78rem!important;margin-top:18px!important;margin-bottom:0!important;}

footer{background:var(--dark);color:rgba(255,255,255,.55);padding:34px 20px;text-align:center;font-size:.82rem;}
footer .powered{margin-top:10px;color:rgba(255,255,255,.4);}
footer .powered b{color:var(--accent2);}
footer .powered a{color:var(--accent2);}

.lock-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:var(--dark);color:#fff;}
.lock-icon{width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:rgba(255,255,255,.6);margin-bottom:24px;}
.lock-screen h1{font-size:1.4rem;margin-bottom:10px;}
.lock-screen p{color:rgba(255,255,255,.55);}