:root{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-success:#10b981;--color-warning:#f59e0b;--font-family:"Vazirmatn",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-glow:0 0 15px rgba(139,92,246,.3)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);direction:rtl;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s ease}ul{list-style:none}button{font-family:var(--font-family)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background-color:var(--color-accent);box-shadow:var(--shadow-glow);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 0 25px #8b5cf680;transform:translateY(-2px)}.btn-secondary{background-color:var(--color-bg-secondary);border:1px solid hsla(0,0%,100%,.1);color:var(--color-text-primary)}.btn-secondary:hover{background-color:#334155;border-color:#fff3}.section-title{background:linear-gradient(270deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-lg);text-align:center;-webkit-text-fill-color:transparent}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid hsla(0,0%,100%,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}