:root{--primary:#0f3d3e;--primary-contrast:#fff;--surface:#f7f5f0;--card:#fff;--gold:#b8892b;--text:#1b1b1b;--muted:#5f6b6b;--border:#d9d4c7;--danger:#a32121;--ok:#1f6b3a;--radius:6px;--font:system-ui,"Segoe UI","Noto Sans Arabic",Tahoma,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface);color:var(--text);font-family:var(--font);line-height:1.55;font-size:16px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;line-height:1.3;color:var(--primary)}h1{font-size:1.6rem}h2{font-size:1.25rem}p{margin:0 0 .75rem}.banner-demo{background:#fff4d6;color:#5a4200;-webkit-border-after:1px solid var(--gold);border-block-end:1px solid var(--gold);padding:.5rem 1rem;text-align:center;font-size:.875rem}.header{background:var(--primary);display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 1rem}.header,.header a{color:var(--primary-contrast)}.header nav{display:flex;flex-wrap:wrap;gap:1rem;flex:1 1;align-items:center}.header nav a{gap:.25rem;padding-block:.25rem}.brand,.header nav a{display:inline-flex;align-items:center}.brand{gap:.5rem;font-weight:700;font-size:1.2rem}.header-actions{display:flex;gap:.5rem;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.header .btn{background:transparent;color:var(--primary-contrast);border-color:hsla(0,0%,100%,.5)}.header .btn:hover{background:hsla(0,0%,100%,.12);text-decoration:none}.main{max-width:1100px;margin-inline:auto;padding:1.25rem 1rem 2.5rem}.footer{-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);color:var(--muted);text-align:center;padding:1rem;font-size:.85rem}.card{padding:1rem 1.25rem}.btn,.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding-inline:1rem;color:var(--primary);font:inherit;cursor:pointer}.btn:hover{background:#efece4;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{background:#0b2d2e}.input{width:100%;min-height:40px;padding-inline:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);font:inherit}.btn:focus-visible,.input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.badge{display:inline-block;padding:.1rem .55rem;border:1px solid var(--border);border-radius:999px;background:#efece4;color:var(--muted);font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.table{width:100%;border-collapse:collapse;background:var(--card)}.table td,.table th{text-align:start;padding:.6rem .75rem;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;font-size:.85rem}.stack{flex-direction:column;gap:1rem}.row,.stack{display:flex}.row{flex-wrap:wrap;gap:.75rem;align-items:center}.hero{background:var(--card);border:1px solid var(--border);-webkit-border-start:4px solid var(--primary);border-inline-start:4px solid var(--primary);border-radius:var(--radius);padding:1.5rem 1.25rem}.hero h1{font-size:2rem}.hero p{color:var(--muted);font-size:1.05rem}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.tab{padding:.5rem 1rem;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;-webkit-border-after:2px solid transparent;border-block-end:2px solid transparent}.tab-active{color:var(--primary);border-block-end-color:var(--primary);font-weight:600}.countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--primary)}.countdown-hot{color:var(--danger)}.hint{color:var(--muted);font-size:.875rem}.error{color:var(--danger)}.ok{color:var(--ok)}.gebot{color:var(--gold);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (min-width:720px){.header,.main{padding-inline:1.5rem}}