@charset "UTF-8";
/* Nice One — Theme (single CSS) */
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#e9ecf7;background:linear-gradient(180deg,#0a0c10,#10131a)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer}
::selection{background:#3a2cff;color:#fff}

:root{
  --bg:#0f1115;--card:#141a33;--line:#232b4a;--txt:#e9ecf7;--muted:#a9b1c8;
  --brand:#7b5cff;--brand2:#00d1b2;--accent:#2ed3ea;
  --radius:16px;--shadow:0 10px 30px rgba(0,0,0,.4);
  --gap:16px;--gap-lg:24px;--gap-xl:32px;--container:1120px
}

h1{
  font-size:clamp(32px,3.5vw,48px);line-height:1.15;margin:0 0 12px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent
}
h2{font-size:clamp(22px,2.4vw,32px);margin:0 0 10px}
p{color:var(--muted);margin:0 0 8px}

:focus{outline:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:10px}

.container{max-width:var(--container);margin-inline:auto;padding:0 var(--gap)}
.stack{display:flex;flex-direction:column;gap:var(--gap)}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap-xl);align-items:center}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-lg)}
.split{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}
.small{font-size:14px;color:var(--muted)}

@media (max-width:900px){.grid2{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){:root{--gap:12px;--gap-lg:16px;--gap-xl:24px}}

.site-header{position:sticky;top:0;z-index:10;background:rgba(15,17,21,.7);backdrop-filter:blur(8px);border-bottom:1px solid #212636}
.bar{min-height:64px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.brand .logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand2))}
.nav a{color:var(--muted);padding:8px 10px;border-radius:10px}
.nav a:hover,.nav a:focus-visible{color:var(--txt);background:rgba(255,255,255,.04)}

.hero{padding:clamp(40px,6vw,80px) 0;background:radial-gradient(circle at top right,#151b33,#080a0f)}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.card:hover{transform:translateY(-1px);box-shadow:0 14px 35px rgba(0,0,0,.55)}
.card:focus-within{border-color:var(--brand)}
.media{overflow:hidden;border-radius:var(--radius)}

.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0b0e14;border:1px solid #232838}
.badge .dot{width:8px;height:8px;border-radius:999px;background:var(--brand)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 22px;border-radius:12px;border:1px solid #2a3048;
  background:linear-gradient(180deg,#1b1f33,#141a2b);color:#fff;
  font-weight:700;letter-spacing:.3px;transition:transform .2s,filter .2s,background .25s
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn:active{transform:translateY(0)}
.btn[disabled]{opacity:.6;pointer-events:none}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0}

.coupon{padding:22px;margin-top:8px}
.coupon .row{display:flex;gap:var(--gap);align-items:center;justify-content:space-between;flex-wrap:wrap}
.copy-input{
  user-select:all;border:1px dashed var(--brand);background:#0c1119;color:#fff;
  font-weight:800;letter-spacing:1px;border-radius:12px;padding:14px 16px;min-width:240px;text-align:center
}

.section{margin:32px 0}
.kpi{padding:18px;text-align:center}

.accordion .item{border-bottom:1px solid var(--line);transition:background .25s ease}
.accordion button{
  width:100%;text-align:inherit;background:transparent;color:var(--txt);
  padding:18px 0;font-size:18px;font-weight:600;border-radius:10px
}
.accordion button:hover,.accordion button:focus-visible{background:rgba(255,255,255,.04)}
.accordion .content{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s ease}
.accordion .item.open{background:rgba(255,255,255,.03)}
.accordion .item.open .content{max-height:500px;padding-bottom:12px}

.site-footer{padding:28px 0;border-top:1px solid #23293a;color:var(--muted)}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media print{
  body{background:#fff;color:#000}
  .site-header,.site-footer,.media{display:none!important}
  .card{box-shadow:none;border:1px solid #ddd}
}