:root{--ink: #0c1015;--steel: #151a21;--steel-2: #1e2530;--line: #2b3340;--bone: #eef1f5;--bone-dim: #98a3b3;--ember: #d4af37;--ember-dim: #a9822f;--lime: #4fd6e8;--gold: #f0cc6b;--gold-dim: #c9a83e;--danger: #ef4444;--danger-dim: #b91c1c;--success: #22c55e;--success-dim: #15803d;--violet: #8b6bf2;--font-display: "Tajawal", sans-serif;--font-body: "IBM Plex Sans Arabic", sans-serif;--radius: 6px;--container: 1180px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--bone);font-family:var(--font-body);scroll-behavior:smooth}body{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:900;margin:0;letter-spacing:-.01em}p{line-height:1.7;color:var(--bone-dim);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-body);color:var(--bone)}img{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--ember);text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:2px;background:var(--ember)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-display);font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.btn-primary{background:var(--ember);color:#171208}.btn-primary:hover{background:#e3c157}.btn-outline{background:transparent;border-color:var(--line);color:var(--bone)}.btn-outline:hover{border-color:var(--bone-dim)}.btn-block{width:100%}.card{background:var(--steel);border:1px solid var(--line);border-radius:var(--radius)}.input{width:100%;background:var(--steel-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font-size:14px}.input:focus-visible{outline:2px solid var(--ember);outline-offset:1px}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--bone-dim);margin-bottom:14px}.badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.04em}.badge-lime{background:#4fd6e81f;color:var(--lime)}.badge-ember{background:#3b7bf624;color:var(--ember)}.badge-dim{background:#ffffff0f;color:var(--bone-dim)}.badge-gold{background:#e3b34124;color:var(--gold)}.badge-danger{background:#ef444424;color:var(--danger)}.badge-success{background:#22c55e24;color:var(--success)}.badge-violet{background:#8b6bf224;color:var(--violet)}.blob-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35}.blob-blue{background:var(--ember);width:380px;height:380px}.blob-gold{background:var(--gold);width:260px;height:260px}.blob-violet{background:var(--violet);width:300px;height:300px}.speed-stripe{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.speed-stripe:before{content:"";position:absolute;top:-10%;right:-15%;width:60%;height:140%;background:linear-gradient(180deg,var(--ember) 0%,var(--ember-dim) 100%);clip-path:polygon(40% 0,100% 0,60% 100%,0% 100%);opacity:.9}.speed-stripe:after{content:"";position:absolute;top:-10%;right:8%;width:12%;height:140%;background:var(--steel-2);clip-path:polygon(40% 0,100% 0,60% 100%,0% 100%);opacity:.5}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.skeleton{background:linear-gradient(90deg,var(--steel) 25%,var(--steel-2) 37%,var(--steel) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 720px){.container{padding:0 16px}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}aside{display:none!important}}