:root{--color-background:#0a0a0f;--color-surface:#12121a;--color-surface-elevated:#1a1a24;--color-card:#1e1e2a;--color-border:#2a2a3a;--color-text-primary:#f0f0f5;--color-text-secondary:#a0a0b0;--color-text-muted:#6a6a7a;--color-accent-primary:#eab308;--color-accent-secondary:#a78bfa;--color-yt:#ff0000;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444}--font-display:"Vazirmatn","Tahoma","Arial",sans-serif;font-size:4rem;line-height:1.1;--font-h1:"Vazirmatn","Tahoma","Arial",sans-serif;font-size:3rem;font-weight:800;line-height:1.2;--font-h2:"Vazirmatn","Tahoma","Arial",sans-serif;font-size:2.25rem;font-weight:700;line-height:1.3;--font-h3:"Vazirmatn","Tahoma","Arial",sans-serif;font-size:1.75rem;font-weight:600;--font-body:"Vazirmatn","Tahoma","Arial",sans-serif;font-size:1rem;line-height:1.7;--font-small:"Vazirmatn","Tahoma","Arial",sans-serif;font-size:.875rem;font-weight:500;line-height:1.5;--font-caption:"Vazirmatn","Tahoma","Arial",sans-serif;font-size:.75rem;font-weight:400;line-height:1.4;html{direction:rtl;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-h1);font-size:var(--font-h1-size,3rem);font-weight:var(--font-h1-weight,800);line-height:var(--font-h1-line,1.2)}h2{font-family:var(--font-h2);font-size:var(--font-h2-size,2.25rem);font-weight:var(--font-h2-weight,700);line-height:var(--font-h2-line,1.3)}h3{font-family:var(--font-h3);font-size:var(--font-h3-size,1.75rem);font-weight:var(--font-h3-weight,600);line-height:var(--font-h3-line,1.4)}*{box-sizing:border-box}.main-container{width:100%;max-width:1400px;margin-inline:auto;padding-inline:1.5rem}.space-1{margin-top:.25rem;margin-bottom:.25rem}.space-2{margin-top:.5rem;margin-bottom:.5rem}.space-3{margin-top:.75rem;margin-bottom:.75rem}.space-4{margin-top:1rem;margin-bottom:1rem}.space-5{margin-top:1.25rem;margin-bottom:1.25rem}.space-6{margin-top:1.5rem;margin-bottom:1.5rem}.space-8{margin-top:2rem;margin-bottom:2rem}.space-10{margin-top:2.5rem;margin-bottom:2.5rem}.space-12{margin-top:3rem;margin-bottom:3rem}.radius-sm{border-radius:.375rem}.radius-md{border-radius:.5rem}.radius-lg{border-radius:.75rem}.radius-xl{border-radius:1rem}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.2)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.focus-visible\:outline:focus-visible{outline:2px var(--color-accent-primary) solid;outline-offset:2px}.focus-visible\:ring:focus-visible{outline:2px var(--color-accent-primary) solid;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)!important}.hover\:bg-accent-primary\2f90:hover{background-color:var(--color-accent-primary)!important}.focus-visible\:bg-accent-primary\2f20:focus-visible{background-color:var(--color-accent-primary)!important;outline:2px var(--color-accent-primary) solid;outline-offset:2px}.hover\:text-accent-primary:hover{color:var(--color-accent-primary)!important}.active\:text-accent-primary:active{color:var(--color-accent-primary/80)!important}.hover\:scale-105:hover{transform:scale(1.05)!important}.transition-\$default,.transition-\$fast{transition-property:color,background-color,border-color,text-decoration-color,outline-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\$color{transition-color:.15s ease-in-out}.focus\:border-2:focus{border-width:2px!important}::selection{background-color:var(--color-accent-primary);color:var(--color-background)}.focus\:outline-none:focus-visible{outline:none!important}.focus\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);ring-offset-color:var(--color-background);ring-color:var(--color-accent-primary);ring-width:2px}