:root{--color-bg:#080b09;--color-surface:#121814;--color-surface-light:#1c251f;--color-primary:#cf0;--color-primary-dim:#cf03;--color-text:#fff;--color-text-muted:#9aa89d;--color-border:#26332a;--font-family:"Inter", system-ui, -apple-system, sans-serif;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1rem}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.btn-primary{background-color:var(--color-primary);color:var(--color-bg);transition:var(--transition);border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 15px var(--color-primary-dim)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);transition:var(--transition);border-radius:4px;padding:.75rem 1.5rem;font-weight:600}.btn-outline:hover{background-color:var(--color-surface);border-color:var(--color-text-muted)}.glass{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#12181499}.card{background-color:var(--color-surface);border:1px solid var(--color-border);transition:var(--transition);border-radius:8px;padding:1.5rem}.card:hover{border-color:var(--color-primary-dim);transform:translateY(-2px);box-shadow:0 10px 30px #00000080}[dir=rtl]{text-align:right}[dir=rtl] .flex-row-reverse{flex-direction:row}html[lang=ar],html[lang=ar] *{--font-family:"Rubik", sans-serif}html[lang=ar] body{letter-spacing:0;direction:rtl;font-family:Rubik,sans-serif;line-height:1.9}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6{font-family:Rubik,sans-serif;font-weight:700;line-height:1.5}html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:Rubik,sans-serif}